如何使用 CSS 指定元素應劃分為多少列
要指定元素應劃分為多少列,請使用 column-count 屬性。
你可以嘗試執行以下程式碼,用 4 列實現 column-count 屬性
示例
<!DOCTYPE html> <html> <head> <style> .demo { column-count: 4; } </style> </head> <body> <div class = "demo"> This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. </div> </body> </html>
廣告