對于文本，有些時候我們需要使它頂行，比如用于制作一些導航條，以及一些特殊的顯示樣式。在 CSS 中，我們可以使用：text-indent: -9999px;來實現文字的頂行效果。

.example {
text-indent: -9999px;
}

當文字的text-indent屬性值為負數時，文字會向左移動，通過這種方式我們就可以將文字移動到瀏覽器可視區域之外，從而實現頂行的效果。

但是需要注意的是，我們只能對以下元素應用頂行樣式，比如：

h1, h2, h3, h4, h5, h6, p, a, span, li, input

同時需要注意，如果文字在一個容器中并且容器被設置了寬度，我們還需要添加display: inline-block屬性，這樣可以保證容器寬度不會被占用，而只有文字被移出可視區域。

.example {
text-indent: -9999px;
display: inline-block;
}

當然，這種技巧還有一些其他的用法，比如組合使用background-image和text-indent來制作一些特殊的效果。

.example {
text-indent: -9999px;
background-image: url("example.png");
background-repeat: no-repeat;
background-position: left top;
}

通過上面的代碼，文字將被頂置到瀏覽器可視區域外（左側），而在容器中會顯示一張圖片，這樣一些特殊的效果就可以輕松實現了。

綜上，頂行樣式可以讓我們對文本進行更加精細的控制，使其在特定的場景下呈現出最佳的效果。同時需要注意一些細節，比如在給容器設置寬度時需要在樣式中添加display: inline-block屬性等等。