【发布时间】:2013-02-17 18:18:45
【问题描述】:
我在页面中放置了一个 div,或者在页面中放置了任何内容,它会自动将其宽度扩展到末尾,就像我将宽度设置为 100% 一样。显然我需要为这个东西设置一个宽度值(比如 100px),但我只是希望它和内容一样宽,而不是固定的。文本越长,内容应该越宽。我该如何处理?怎么了?
【问题讨论】:
我在页面中放置了一个 div,或者在页面中放置了任何内容,它会自动将其宽度扩展到末尾,就像我将宽度设置为 100% 一样。显然我需要为这个东西设置一个宽度值(比如 100px),但我只是希望它和内容一样宽,而不是固定的。文本越长,内容应该越宽。我该如何处理?怎么了?
【问题讨论】:
默认情况下,auto 的宽度告诉块元素扩展到父元素的整个宽度。您希望 display: table 或 display: inline-block 将其缩小到其内容的宽度。
您可以在此处查看display: table 的实际操作:
【讨论】:
<img />)将与任何同级内联元素内联出现,而表格元素(想想<table/>)不会。使用display: table 也会生成匿名表格行/表格单元格元素,但您无需担心。
你需要设置:
width: auto;
display: inline-block;
【讨论】: