在網頁設計中，經常需要將某個元素居頂顯示，比如table中的td單元格，以及常規布局中的div元素。

對于td單元格而言，使用CSS的vertical-align屬性可以輕松實現居頂。vertical-align可以接受的值包括top、middle、bottom等，將其設置為top即可將單元格內容居頂顯示：

td {
vertical-align: top;
}

對于div元素而言，實現居頂顯示的方法較多，下面介紹幾種常用的方法：

方法一：使用flex布局。flex布局的align-items屬性可以控制元素在交叉軸上的對齊方式，將其設置為flex-start即可實現子元素居頂顯示：

.container {
display: flex;
align-items: flex-start;
}

方法二：使用CSS的position屬性。將父元素設為相對定位，子元素設為絕對定位，并將top屬性設置為0即可實現居頂顯示：

.parent {
position: relative;
}
.child {
position: absolute;
top: 0;
}

方法三：使用CSS的float屬性。將子元素設置為浮動元素，并將父元素設為高度為0且清除浮動的元素即可實現居頂顯示：

.parent {
height: 0;
overflow: hidden;
clear: both;
}
.child {
float: left;
}

綜上所述，實現元素居頂顯示的方法各有千秋，根據具體情況選擇合適的方法即可。