在網(wǎng)頁設計過程中，表格是我們經(jīng)常用到的元素之一，表格能夠?qū)?nèi)容以格子的形式進行排列，非常方便。但是，在某些情況下，我們可能需要控制表格內(nèi)容的顯示方式，比如讓內(nèi)容靠上或者靠下顯示。這時候，我們就需要用CSS來控制表格內(nèi)容的顯示了。

要讓表格內(nèi)容靠上顯示，我們可以使用vertical-align屬性，這個屬性可以控制元素的垂直對齊方式。

table{
border-collapse:collapse;
width: 100%;
margin:20px 0;
}
td{
border:1px solid #ddd;
padding:10px;
vertical-align: top; /* 讓內(nèi)容靠上對齊 */
}

在上述代碼中，我們給表格的每個單元格都添加了vertical-align: top;屬性，這個屬性的作用是讓單元格中的內(nèi)容垂直靠上對齊。

除了使用vertical-align屬性外，我們還可以使用line-height屬性來控制表格內(nèi)容的垂直對齊方式。line-height屬性可以設置元素的行高，如果我們將行高設置的和單元格高度相同，那么單元格中的內(nèi)容就會自動垂直居中顯示。

table{
border-collapse:collapse;
width: 100%;
margin:20px 0;
}
td{
border:1px solid #ddd;
padding:10px;
line-height: 30px; /* 將行高設置為單元格高度 */
}

在上述代碼中，我們將單元格的行高設置為30px，這樣單元格中的文本就會自動垂直居中對齊了。

通過上述方法，我們可以輕易地控制表格內(nèi)容的垂直對齊方式，讓我們的網(wǎng)頁看起來更加精美。