如何在不同部分中断html页面？

Question

我在页面中使用了两个div标签（即），一个像书一样在左边，另一个在右边。 现在我在左侧加载html页面，如果超出则转到div标签的右侧。 给我一个实现的想法。

谢谢你找

Answer 1

是的，CSS3，您可以将多列布局与css类中指定的Height一起使用。

            <html>
            <head>Test </head>

            <style>
            .tt{
                 -moz-column-count: 2;
                 -moz-column-gap: 1em; 
                 -moz-column-rule: 1px solid black; 
                 -webkit-column-count: 2;
                 -webkit-column-gap: 1em;
                 -webkit-column-rule: 1px solid black;
                 height:200px;
            }

            </style>
            <body>
            <div class="tt">
                HTML5 and CSS3 have just arrived. HTML5 and CSS3 have just arrived. 
                HTML5 and CSS3 have just arrived.HTML5 and CSS3 have just arrived. 
                HTML5 and CSS3 have just arrived. HTML5 and CSS3 have just arrived. 
                HTML5 and CSS3 have just arrived.HTML5 and CSS3 have just arrived. 
                HTML5 and CSS3 have just arrived. HTML5 and CSS3 have just arrived. 
                HTML5 and CSS3 have just arrived.HTML5 and CSS3 have just arrived. 
                HTML5 and CSS3 have just arrived. HTML5 and CSS3 have just arrived. 
                HTML5 and CSS3 have just arrived.HTML5 and CSS3 have just arrived.     
                HTML5 and CSS3 have just arrived. HTML5 and CSS3 have just arrived.     
                HTML5 and CSS3 have just arrived.HTML5 and CSS3 have just arrived.     
            </div>
            </body>
            </html>

我不是微软的粉丝。 因此，对于IE来说毫无希望。

Answer 2

这听起来像您想要一个两列的演示文稿，其中文本从第一列的底部继续到第二列的开头。 尽管Netscape具有用于此类目的的专有标签，但使用并不多，并且因Netscape而死。 该问题被视为样式，是CSS3多列布局模块的一部分。 它的主要问题是在任何版本的IE中都缺乏支持。 有关介绍性文章，请查看QuirksMode.org上的Columns 。

如何在不同部分中断html页面？

问题描述

2 个解决方案

解决方案1
3 2011-12-24 11:41:26

解决方案2
1 2011-12-24 10:28:16

如何在不同部分中断html页面？

问题描述

2 个解决方案

解决方案1 3 2011-12-24 11:41:26

解决方案2 1 2011-12-24 10:28:16

解决方案1
3 2011-12-24 11:41:26

解决方案2
1 2011-12-24 10:28:16