国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費電子書等14項超值服

開通VIP
CSS文字豎排
樣式表的文字處理屬性中有兩個重要的屬性:writing-mode和text-align。讓我們先看看它們的用法:

  1. writing-mode(設置對象書寫方向)

  語法:writing-mode : lr-tb、tb-rl
參數(shù):lr-tb:從左向右,從上往下  tb-rl:從上往下,從右向左
示例:div { writing-mode: tb-rl; }

  2. text-align(設置對象中文本的對齊方式)

  語法: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" >
確實,在表現(xiàn)文字的豎排在文字處理辦公軟件中非常容易就可以實現(xiàn)。由于這種效果在網(wǎng)頁制作中并不多見,所以這個問題的討論比較少。但是在制作具有中國古代特色的網(wǎng)站,如文字歷史、書法、名勝古跡旅游等等網(wǎng)站時,如果用上豎排的文字,配以古色古香的背景及樸實陳舊的色彩,在視覺上會獲得意想不到的效果。
< /div >
< /body >
< /html >

  示例文字:

  看了實例與示例,我們可以知道為文字賦予了“writing-mode”的屬性值為“tb-rl”,文字就“從上往下”排,賦予了“text-align”的屬性值為“left”,文字就“從右向左”排??傊尤肓?lt; div >……< /div >里的內(nèi)容都會按定義的排列方式排列。

  最后一點要說明的是“writing-mode”目前只有IE瀏覽器支持,Nestscape瀏覽器不支持!

本站僅提供存儲服務,所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊舉報
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
寫日志怎樣實現(xiàn)文字豎排效果
文字豎排代碼
在背景圖片上加閃光字的代碼(豎排)
網(wǎng)易博客代碼.左中右豎排文字代碼
日志
CSS屬性-文本-layout-flow writing-mode
更多類似文章 >>
生活服務
分享 收藏 導長圖 關(guān)注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點擊這里聯(lián)系客服!

聯(lián)系客服