如何在不同部分中斷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