使用 CSS 設定元素跨越的列數
要設定元素跨越的列數,請使用 column-span 屬性。你可以嘗試執行以下程式碼來實現 column-span 屬性
示例
<!DOCTYPE html>
<html>
<head>
<style>
.demo {
column-count: 4;
column-rule-color: maroon;
column-rule-style: dashed;
}
h1 {
column-span: all;
}
</style>
</head>
<body>
<div class = "demo">
<h1>This is our heading.</h1>
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>
廣告
資料結構
網路
RDBMS
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP