Html 使具有列的内联块具有正确的宽度

要使用水平列生成

内联块

。我需要每个

内联块

的宽度为适合内容的最小列数

问题是通过浏览器处理奇怪的列

div{
高度：10公分；
边框：1px纯红；
显示：内联块；
垂直对齐：顶部；
-moz列宽：10em；
列宽：10em；
-moz列填充：自动；
列填充：自动；
}

Lorem ipsum dolor sit amet，一支nec部队。Pro sale Desuisse ad.Vix cu integre fuisset鞋垫。“完美的牙菌斑，比如说，我们的牙菌斑是完整的

作为一个真正的影响者，我会阻止它的发生。没有两个完美的人，但我是一个有能力的人，我有刻面的句子。但辛古利斯·拉博马斯·拉奥里特·多肯迪·阿迪达斯·多尼斯尔·阿迪奥·尼斯尔·奥特鲁姆·完美无瑕，在拉博马斯·普罗德塞特的作品中，他坐在了诺比斯·努斯夸姆（nobis nusquam）的座位上。通常是连续不断的

Lorem ipsum dolor sit amet，一支nec部队。Pro sale Desuisse ad.Vix cu integre fuisset鞋垫。“完美的牙菌斑，比如说，我们的牙菌斑是完整的

Lorem ipsum dolor sit amet，一支nec部队

同侧眼睑

如果需要javascript，我有一个适合固定大小容器的简单解决方案。如果大小可以动态更改，则需要重新计算（并且应该首先重置内联样式）

在Chrome 51、FF 47、IE 11和Opera 12中正常工作

var divs=document.queryselectoral（“div”）；
对于（var q=0；qt）这比我的解决方案好得多。我没有考虑使用
scrollWidth
。