Html 元素之和'；宽度为100%，但最后一个元素转到下一行

我在一个div中有3个

元素，如下所示：

<div>
   <img style="width: 10%;">
   <img style="width: 80%;">
   <img style="width: 10%;">
</div>

但最后一张图片转到下一行。div的

框大小调整

属性是

边框框

---

问题是什么？

图像和其他内联元素受html中空白的影响。此示例显示删除了空格的html。您可以设置

display:inline块；浮动：左侧

，将忽略空白。或者您可以设置属性

空白折叠：discard

img{float:left;}

您可以在图像上添加左浮动。
这是因为内联元素（如
img
元素）尊重标记中的whitespace。。。看，事实上<代码>空白折叠：放弃当前不受任何浏览器支持。看来不太可能很快就到了。。