作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用?
- database - RESTful URI 是否应该公开数据库主键?
我试图让页面水平溢出而不是垂直溢出,所以如果内容不适合页面窗口,我希望它只能通过 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/
我是一名优秀的程序员,十分优秀!