最近我學習了css的文字顯示技巧，其中最有趣的就是讓文字顯示在上方。通過設置元素的display屬性為table，再將元素內的所有子元素的display屬性設為table-cell，就可以實現文字顯示在上方的效果。
下面是示例代碼：

<style>
.box {
display: table;
width: 200px;
height: 200px;
border: 1px solid #ddd;
}
.content {
display: table-cell;
text-align: center;
vertical-align: top;
}
</style>
<div class="box">
<div class="content">
<p>這是一段示例文字。</p>
</div>
</div>

上面的代碼創建了一個寬高為200px的方框，邊框使用了1px的灰色虛線。其中box類定義了display：table，使元素具有表格的特性，而content類定義了display：table-cell，使子元素具有表格單元格的特性。
在box內部，定義了一個p標簽，它的文本將會顯示在上面。通過設置content類的vertical-align為top，使其內部所有的元素在豎直方向上頂端對齊，從而實現了文字在上方的效果。
總的來說，讓文字顯示在上方并不難，只需用css中的table-cell屬性即可，這個屬性也將會在其他顯示的場合下帶來比較好的效果。