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

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

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

首先，你要理解css的块级元素和内联元素，以及它们的区别。（这个知识点你自己百度找篇文章看下应该就明白了）div是块级元素，span是内联元素。其次，中文的排版和英文的排版是不一样的，英文需要手动处理换行。你可以将一串英文字母放在div里尝试一下，它是不会自动换行的。div块级元素，有宽高限制，中文会自动换行。span内联元素，没有宽高限制（即便你给它设置了宽高），不会自动换行。但是如果你通过 display:block 将span标签转为块级元素，那么你给它设置宽高就会生效，那么它也会自动换行。

---