網(wǎng)頁文字的豎排一般可能出現(xiàn)在網(wǎng)站主題表現(xiàn)文字書畫、古色風(fēng)韻等類網(wǎng)站，雖然豎排在文字處理軟件中很容易實現(xiàn)，但在網(wǎng)頁中不那么容易了，為了讓初學(xué)者少走彎路，這里整理出自己的一些經(jīng)驗供大家參考。樣式表的文字處理屬性中有兩個重要的屬性：writing-mode和text-align。讓我們先看看它們的用法：1.writing-mode(設(shè)置對象書寫方向)語法：writing-mode : lr-tb、tb-rl參數(shù)：lr-tb：從左向右，從上往下 tb-rl：從上往下，從右向左示例：div { writing-mode: tb-rl； }2.text-align(設(shè)置對象中文本的對齊方式)語法：text-align : left、right、center、justify參數(shù)：left：左對齊，right：右對齊，center：居中，justify：兩端對齊示例：div { text-align : center； }接下來讓我們制作一個豎排的實例：< html >< head >< title >豎排文字< /title >< style type="text/css" >< !--.tnt {Writing-mode:tb-rl；Text-align:left；font-size:9pt}-->< /style >< /head >< body >< div class="tnt" >豎排文字的內(nèi)容。< /div >< /body >< /html >看了實例與示例，我們可以知道為文字賦予了“writing-mode”的屬性值為“tb-rl”，文字“從上往下”排，賦予了“text-align”的屬性值為“l(fā)eft”，文字“從右向左”排。總之加入到< div >……< /div >里的內(nèi)容都會按定義的排列方式排列。一點要說明的是“writing-mode”目前只有IE瀏覽器予以支持，Nestscape瀏覽器不予支持！
下一篇：
網(wǎng)頁制作的困惑──路徑