最近我学习了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属性即可，这个属性也将会在其他显示的场合下带来比较好的效果。