html中如何让div中的span左浮动前排且不换行

发布网友发布时间：2022-04-27 09:35

共2个回答

热心网友时间：2022-04-21 04:38

你的span标签不是按照你的百分百写的，实际是百分百+1px,你有边框线的1像素没算，去掉边框线就正常了

看你这样子，是要做一个类似统计、管理的表把，我以我多年前端的经验告诉你，这种还是老老实实的去用表格实现，先不说用其他标签问题多的要死，布局容易乱，自适应也很差，用表格好控制，也不会出现变形等等错误，你用表格需要留各一个格子不定义宽度，自适应就没问题了

热心网友时间：2022-04-21 05:56

html结构：
<div class="divBox">
<div class="divList">
<span>123</span><span>45678</span><span>111111</span>
</div>
</div>

css部分:
divBox上设置{overflow-x: auto;} divList上设置{display:table}; span上设置{display:table-cell;white-space: nowrap;}
优势：div宽度不固定，span宽度不固定