html – 元素宽度的总和是100％,但最后一个元素转到下一行

概述参见英文答案 > Why is there an unexplainable gap between these inline-block div elements?                                    6个 我有3< img> div中的元素如下： <div> <img style="width: 10%;"> <img style="width: 参见英文答案 > Why is there an unexplainable gap between these inline-block div elements?                                    6个
我有3< img> div中的元素如下：

<div>   <img >   <img >   <img ></div>

但最后一张图片转到下一行. div的Box-sizing属性是border-Box.

问题是什么？

解决方法 图像和其他内联元素受HTML中的空格影响.此示例显示删除了空格的HTML. http://jsbin.com/qoxedepifi/1/edit?html,output.你可以设置display：inline-block; float：left,将忽略空格.或者你可以设置属性white-space-collapse：discard;在父元素上. 总结

以上是内存溢出为你收集整理的html – 元素宽度的总和是100％,但最后一个元素转到下一行全部内容，希望文章能够帮你解决html – 元素宽度的总和是100％,但最后一个元素转到下一行所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。