我永远不会认为这是可能的,但这里有很多聪明的人,所以我想我会问。我正在寻找一种方法来获得一个全高容器,其宽度取决于有多少内容。我希望文字填充占据整个高度的区域,同时使用尽可能小的宽度。高度是已知的并且是硬编码的,内容量不是。尽可能小的宽度的全高度内容
我与something like this工作:
<div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and scrambled....</p>
</div>
div {
background:red url(http://lorempixel.com/600/400/);
float:left;
width:600px;
height:400px;
}
p {
background:#fff;
padding:20px;
margin:20px;
}
通常内容填充页面从上到下:
我正在寻找的是那种相反,填充从左到右:
以较少的内容,就应该是这样的:
采用全硬编码的高度与width:auto
产生这样的效果:
有什么以尽可能小的宽度填充文本的高度,而不用硬编码宽度或使用tex T溢出?这似乎是不可能的,我不知道如何处理它。 JavaScript/jQuery解决方案欢迎。
所以更加有内容,越多,你的文字容器是宽? – Stphane 2013-03-05 15:24:35
对。文本应该填充容器并尽可能宽度尽可能宽。 – 2013-03-05 15:25:55
相关:http://stackoverflow.com/questions/9864123/force-paragraph-to-use-the-maximum-height-available – 2013-03-05 15:26:06