2自動文本div元素打破

Question

有什麼辦法有並排2 div元素的一面，讓我們說這兩種寬度：200像素，高度：200像素和浮動：左，有一個某種類型的「自動」分頁符之間的divs沒有使用PHP（來計算單詞即）？

我問的原因是我有一個很長的動態文本。我希望將它伸展到2格以上，最好是通過CSS。

Mike

Answer 1

如果你想要的文字進行了兩個div秒之間（我認爲這是你想要的嗎？），那麼你可以使用CSS列

div#columns { 
    column-count:2; 
    column-gap:20px; 
    -moz-column-count:2; 
    -moz-column-gap:20px; 
    -webkit-column-count:2; 
    -webkit-column-gap:20px; 
} 

例子：http://jsfiddle.net/jasongennaro/74ZrZ/

更多info：https://developer.mozilla.org/en/CSS3_Columns

Answer 2

據我所知，你希望把你的長文本列？對同一個文本源使用兩個div並不是那麼容易，並且肯定需要JavaScript（或jQuery是精確的）。

但是，您可能正在尋找的方法是CSS based columns。

.two_columns { 
    -moz-column-count: 2; 
    -moz-column-gap: 10px; 
    -webkit-column-count: 2; 
    -webkit-column-gap: 10px; 
    column-count: 2; 
    column-gap: 10px; 
} 

Answer 3

當div中的文本溢出時，使用CSS可以讓滾動條出現（例如，使用overflow-y: auto如果你想要一個垂直滾動條），但你不能指定另一個元素來「傳送」補充文本。

這可能與JavaScript的但是完成，通過測試，如果將文本添加到它，然後把一些文字到您的其他分區後div的內容溢出。但我寧願簡單地讓用戶滾動。