在前端開發中，文字垂直豎排顯示是一種常用的排版方式，可以使頁面更加美觀，也可以用于特殊場合的設計。在css中，可以通過一些簡單的樣式來達到垂直豎排的效果。

.vertical-text {
writing-mode: vertical-rl; /* 設置文字垂直排列 */
text-orientation: mixed; /* 允許文字沿著基線傾斜 */
font-size: 16px; /* 設置文字大小 */
}

以上代碼中，writing-mode屬性設置為vertical-rl可以讓文字從上到下垂直排列。如果想要文字沿著基線傾斜，可以使用text-orientation屬性，并將值設置為mixed。同時，還需要設置合適的font-size，以保證文字大小合適。

除了使用css屬性，還可以使用一些前綴來實現文字垂直豎排。例如，在早期的瀏覽器中，可以使用-webkit-writing-mode和-webkit-text-orientation來實現垂直排列。

.vertical-text {
-webkit-writing-mode: vertical-rl; /* 設置文字垂直排列 */
-webkit-text-orientation: mixed; /* 允許文字沿著基線傾斜 */
font-size: 16px; /* 設置文字大小 */
}

需要注意的是，在使用前綴的時候，需要考慮兼容性問題，并保證樣式在不同瀏覽器中顯示效果一致。

總的來說，使用css文字垂直豎排顯示可以實現文本的美化和特殊排版效果，但需要注意瀏覽器兼容性問題，并根據具體情況選擇合適的屬性和前綴來實現垂直豎排。