gpt4 book ai didi

html - 如何让正文内容只水平溢出?

转载 作者:搜寻专家 更新时间:2023-10-31 22:50:17 24 4
gpt4 key购买 nike

我试图让页面水平溢出而不是垂直溢出,所以如果内容不适合页面窗口,我希望它只能通过 overflow-x 栏滚动,从而使页面保持固定高度.这个想法是让它水平“增长”——所以向右。这可以用 CSS 理想地完成吗?

任何帮助将不胜感激! :)

谢谢,保重,真挚地,彼得。

最佳答案

这是解决方案:)。这不需要设置固定宽度,但您仍然需要控制内容的高度。在生产中,您很可能想要添加内部容器,并添加一些调整以使其在 IE 中工作。

fiddle :http://jsfiddle.net/AWq39/7/ .

<body>
<div class="page-container">...</div>
<div class="page-container">...</div>
<div class="page-container">...</div>
</body>

html, body{
height: 100%;
padding: 0;
margin: 0;
white-space: nowrap;
font-size: 0;
}
.page-container{
display: inline-block;
height: 100%;
max-width: 700px;
padding: 0 2em;
font-size: 14px;
white-space: normal;
overflow: hidden;
vertical-align:top;
}

关于html - 如何让正文内容只水平溢出?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6895608/

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