gpt4 book ai didi

html - 多列和收缩包装

转载 作者:搜寻专家 更新时间:2023-10-31 21:51:49 25 4
gpt4 key购买 nike

我一直在尝试制作一个具有固定高度并创建尽可能多的布局根据需要显示一定大小的列以显示一些流文本。这行得通,但是当我把它放在一个 div 中时,div 不采用内容的大小(意思是:如果页面可以包含整个文本,并且如果我得到一个水平滚动条,它不会超过初始视野)。我从这个页面尝试了几种收缩包装的方法 http://haslayout.net/css-tuts/CSS-Shrink-Wrap .然而,它们都不起作用。

这里是示例代码:

<body style="">
<div style="background: red; display: inline-block; -webkit-column-width: 300px; -moz-column-width: 300px; height: 100px;">
<p style="float: left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse blandit commodo dolor, et dapibus sem ultrices in.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
In ac elit aliquet felis vestibulum iaculis. Donec nec risus at justo luctus vestibulum.
Proin mollis sapien et odio interdum tempus.
Mauris consequat arcu vitae justo tempor quis mattis magna pulvinar.
</p>
</div>
</body>

我用 chromium 和 firefox 试过了。此外,如果我省略高度和 column-with 而只设置固定宽度,收缩包装会起作用。

最佳答案

column-width 不是问题。将 height 设置为 auto 就可以了。

在这里 fiddle :http://jsfiddle.net/XTGTY/

关于html - 多列和收缩包装,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8646832/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com