碰到一個(gè)導(dǎo)航文字設(shè)計(jì)成豎排的網(wǎng)站。

找了一些資料，css有屬性可以實(shí)現(xiàn)

writing-mode（設(shè)置對(duì)象書寫方向）

　　語法：writing-mode : lr-tb、tb-rl

　　參數(shù)：lr-tb：從左向右，從上往下 　tb-rl：從上往下，從右向左

可憐火狐不支持。

還有一些方法就閑的繁瑣。

我是個(gè)懶人。

找到一個(gè)小技巧，其實(shí)我們只需要把寬設(shè)置合適，文字自己就會(huì)豎排，對(duì)于不換行的情況下，就比如我需要做的導(dǎo)航，這個(gè)方法十分的那個(gè)啥。。。

寫個(gè)小小的例子：

<style type="text/css">
#menu li{
?? ?float:left;
?? ?list-style-type:none;
?? ?width:20px;}
#menu li a{
?? ?color:#006600;
?? ?text-decoration:none;}
#menu li a:visited{
?? ?color:#006600;
?? ?text-decoration:none;}
#menu li a:hover{
?? ?background-color:#003399;
?? ?color:#fff;
?? ?text-decoration:none;}
</style>
<ul id="menu">
?? ?<li><a href="#">與爾同銷萬古愁</a></li>
?? ?<li><a href="#">呼兒將出換美酒</a></li>
?? ?<li><a href="#">千金裘</a></li>
?? ?<li><a href="#">五花馬</a></li>
</ul>

?

轉(zhuǎn)載于:https://www.cnblogs.com/yaojing/archive/2010/11/26/1888584.html

總結(jié)

以上是生活随笔為你收集整理的导航文字竖排的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。