av网站免费线看精品_国产做a爱视频免费不_深爱激情网开心五月天_伊人五月天在线视频网

 
用CSS讓網(wǎng)頁文字豎排
發(fā)布時間:2005-03-29   瀏覽次數(shù):1229309
網(wǎng)頁文字的豎排一般可能出現(xiàn)在網(wǎng)站主題表現(xiàn)文字書畫、古色風(fēng)韻等類網(wǎng)站,雖然豎排在文字處理軟件中很容易實(shí)現(xiàn),但在網(wǎng)頁中不那么容易了,為了讓初學(xué)者少走彎路,這里整理出自己的一些經(jīng)驗(yàn)供大家參考。樣式表的文字處理屬性中有兩個重要的屬性: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; }接下來讓我們制作一個豎排的實(shí)例:< 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 >看了實(shí)例與示例,我們可以知道為文字賦予了“writing-mode”的屬性值為“tb-rl”,文字“從上往下”排,賦予了“text-align”的屬性值為“l(fā)eft”,文字“從右向左”排?傊尤氲< div >……< /div >里的內(nèi)容都會按定義的排列方式排列。一點(diǎn)要說明的是“writing-mode”目前只有IE瀏覽器予以支持,Nestscape瀏覽器不予支持!
立即預(yù)約