html – make take only content space：禁用拉伸

概述我有一个< div>有一些嵌套的div.所有这些都有相同的高度.我需要父母< div>采取如此宽的内容(我想应用border-style属性).属性显示：内联(对于父母)对我没有帮助. 这是标记： <div style="border-style:solid;height:60px;"> <div style="display:inline;float:left;backgrou 我有一个< div>有一些嵌套的div.所有这些都有相同的高度.我需要父母< div>采取如此宽的内容(我想应用border-style属性).属性显示：内联(对于父母)对我没有帮助.

这是标记：

<div >        <div  ></div>        <div  ></div>        ......          </div>

解决方法 使用display：inline-block;似乎工作：

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

jsFiddle Demo

某些旧版浏览器不支持内联块,因此您需要在支持的浏览器中进行检查.

我假设这些样式会在某些时候进入样式表,而不是纯粹的内联.

总结

以上是内存溢出为你收集整理的html – make take only content space：禁用拉伸全部内容，希望文章能够帮你解决html – make take only content space：禁用拉伸所遇到的程序开发问题。

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