在網頁設計中，展示多行數據是非常普遍的需求。比如說一個博客頁面上展示所有的文章列表，一個電商頁面上顯示所有的產品信息等等。

CSS提供了多種方法來顯示多行數據，下面我們來看一些常見的樣式實現。

/* 1. 使用表格展示數據 */
table {
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid black;
padding: 8px;
text-align: left;
}
/* 2. 使用列表展示數據 */
ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
padding: 8px;
border-bottom: 1px solid black;
}
/* 3. 使用卡片展示數據 */
.card {
display: flex;
flex-wrap: wrap;
}
.item {
width: 200px;
margin-right: 20px;
margin-bottom: 20px;
border: 1px solid black;
padding: 8px;
}
.item img {
width: 100%;
height: auto;
}
/* 4. 使用表格和CSS Grid結合展示數據 */
.grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.grid-item {
border: 1px solid black;
padding: 8px;
}

以上是常見的幾種展示多行數據的樣式方法，每種方法都有自己的特點和適用場景，在實際項目中需要根據需求選擇合適的樣式。