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宽度不固定