如何在我的網站上製作動態文本列？

Question

我想有一個文本動態分爲兩列。所以我希望文本的一半在一列中，而另一半在它旁邊，無論文本多長時間。 這是最好的方法是什麼？

Answer 1

喜歡這個？

http://www.w3schools.com/css/css3_multiple_columns.asp

div { 
    -webkit-column-count: 2; /* Chrome, Safari, Opera */ 
    -moz-column-count: 2; /* Firefox */ 
    column-count: 2; 
} 

Answer 2

您可以使用CSS

div { 
 
    -webkit-column-count: 2; /* Chrome, Safari, Opera */ 
 
    -moz-column-count: 2; /* Firefox */ 
 
    column-count: 2; 
 
}

<div> 
 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque aliquam molestie nisi lacinia maximus. Sed malesuada lacus dignissim aliquam viverra. In fringilla magna ut mi ornare mattis. Pellentesque interdum aliquam arcu ac egestas. Vestibulum dui tellus, luctus vitae malesuada vel, rhoncus sed velit. Pellentesque congue, mi eget gravida egestas, lectus orci blandit sapien, eu malesuada lorem leo eu felis. Duis porttitor volutpat augue feugiat hendrerit. Donec nibh lorem, lacinia ullamcorper auctor eu, efficitur vel risus. 
 

 
Suspendisse potenti. Donec ullamcorper pulvinar vulputate. Nam interdum tristique efficitur. Donec ullamcorper mi sit amet mollis vestibulum. Donec tincidunt lacus a erat tristique, vitae convallis diam maximus. Maecenas imperdiet, leo sed convallis interdum, enim urna maximus purus, elementum condimentum metus est vel libero. Suspendisse id enim id nunc mattis accumsan. Nam molestie, odio vel pretium blandit, tortor elit posuere turpis, quis hendrerit quam lorem sed elit. Nam a tortor ut felis facilisis ultrices et at lorem. Praesent nec lorem vel ligula sagittis luctus id non libero. Maecenas ut dictum massa, id volutpat diam. Donec id magna rutrum, pulvinar magna quis, tempus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse potenti. 
 
    </div>

來自http://www.w3schools.com/css/css3_multiple_columns.asp

Answer 3

您可以使用http://welcome.totheinter.net/columnizer-jquery-plugin/，這是一個jQuery插件，試圖簡化這個過程。

一個CSS可以發現在：CSS dynamic responsive column layout