海南中立科技 旗下:精英網|海微商|海微信|天涯數碼
網站首頁home 網站建設web Const 系統開發System Dev 微信開發wx Dev 網站推廣Website SEO 網站超市Website SM 客戶案例Client case 網站模板Web template 關于我們About us
網站建設
精品模板網站 建站基礎系統 成品網站 網站建設資訊 獨立設計樣板 網站套餐 解決方案 經典案例
聯系我們
QQ服務群:28519571 工作時間:86-0898-31568080 傳真號碼:86-0898-31568085 24小時服務:0138-07590485
 您現在的位置: 首頁 >> 網站建設 >> 網站建設資訊 網站制作教程
網頁文字排版處理的技巧
海南中立科技 | 2011-12-02 00:03:32 | 閱讀:12136
1、段落首行自動縮進每個段落的首行要縮進兩個漢字大小是眾人皆知的常識,我們通常在每個段落首行加上多個“”標簽來實現縮進,這樣雖然能夠達到目的,但是卻過于麻煩。其實我們只要運用一些簡單的CSS語法就可以一勞永逸地在一個頁面中實現首行縮進。<styletype="text/css">p{text-indent:2em}</style>通過上面的樣式,頁面中每段包含在標簽<p>和</p>之間的段落都會自動縮進兩個漢字字符大小。2、段落首字下沉我們閱讀傳統媒體時,經?吹饺鐖D1的效果,通過使用樣式,我們也可以很輕松地實現類似效果。圖1很常見的段落首字下沉效果<style>#chr:first-letter{font-size:24pt;left:0px;float:left;position:absolute}</style>上面這段代碼定義了一個首字大小為24pt的縮進,使用時我們只要在某個段落的標簽中添上一個“id=chr”就可以了,例如下面的段落:<pid=chr>柳永(987?-1053?)字耆卿,福建崇安人!/p>3、文字豎排效果如下面的一段詩文,在網頁上顯示時文字呈豎直排布,非常適合詩詞的文字編排。<divstyle="line-height:18px;text-align:center;writing-mode:tb-rl"><pre>長恨歌(片段)<br>白居易<br>漢皇重色思傾國,御宇多年求不得。楊家有女初長成,養在深閨人未識。天生麗質難自棄,一朝選在君王側!/pre></div>代碼標簽中的樣式規定了文字的豎直排布,并且每行的間距為18像素,文字為中間對齊。網頁讀取時都會自動將空格去除后才顯示,在詩文內容開始和結束部分分別加上標簽<per>和</per>,可以使詩文內容按照自己的意愿精確顯示,其效果如圖2。圖2文字豎排效果4、文字從右讀起古文的文字編排也通常用到從右讀起的效果,下面的代碼就可以實現這個效果(如圖3):圖3文字從右讀起<divstyle="width:260px;direction:rtl;unicode-bidi:bidi-override">長恨歌(片段)<br>白居易<br>漢皇重色思傾國,御宇多年求不得。楊家有女初長成,養在深閨人未識。天生麗質難自棄,一朝選在君王側!/div><div>標簽中的樣式規定了一塊260像素寬的區域,其中的文字從右邊開始。樣式中寬度的設置非常重要,必須設置剛好的寬度來容納內容,否則詩文的顯示效果可能就不是一行一段了。5、文字強制對齊我們來比較一下圖4和圖5兩種文字編排方式,圖4是使用了文字強制對齊的效果,圖5只是普通的編排。圖4的文字首尾很整齊,而圖5的文字行落則參差不齊,有長有段。顯然,圖4的效果更加美觀,特別是對于英文的段落。通過如下的代碼,我們就可以輕松實現文字的強制對齊:圖4使用文字強制對齊的效果圖5普通的編排顯得參差不齊<divstyle="font-size:12px;width:300;text-align:justify">TheUnitedStatesisanindustrialcountry……</div>代碼標簽中的樣式規定了一個300像素寬的區域,“text-align:justify”規定了其中的文字行落強制對齊。通過以上的一些技巧,我們就可以很靈活的根據需要進行網頁文字的編排!
海南易購|海微商|海南網絡公司|?诰W站建設|海南網站設計|海南網站優化|無涯文學網|海南網絡推廣|海南網頁設計|南通網站建設|海南網站建設|海南自貿港建站|海南企業微信|海南中立科技|海南微信電商|海南微信建站|海南精英網|天涯數碼|海南微信營銷|海南網站建設|海南網站制作|?诰W站建設|三亞網站建設|儋州網站建設|五指山網站建設|文昌網站建設|瓊海網站建設|萬寧網站建設|東方網站建設|定安網站建設|屯昌網站建設|澄邁網站建設|臨高網站建設|白沙網站建設|昌江網站建設|樂東網站建設|陵水網站建設|保亭網站建設|瓊中網站建設|?诰⒕W|三亞精英網|文昌精英網|瓊海精英網|陵水精英網|儋州精英網|萬寧精英網|澄邁精英網|海微通
合作伙伴 企業發展 企業文化 聯系我們 在線訂購 網站地圖 返回首頁手機版
?谑兰o華聯科技有限公司 2022版權所有 24小時服務熱線:13807590485   歡迎來電咨詢
地址:海南省.?谑.海甸二東路環惠大廈6樓(南寶路明都大廈107#) 公司電話:0898-31568080 31568060 QQ:85398489
全國合作聯盟分布:海南?凇∷拇ǔ啥肌『蔽錆h 湖南長沙 安徽合肥 廣東深圳 山西太原 西藏拉薩
技術服務: E_mail:zlkj_2008@126.com 服務訂購:E_mail:server@web0898.net 在線客服邀請 備案/經營許可號:瓊ICP備10201086號-9
推廣關鍵字:海南網站建設,海南網站制作,海南網站開發,海南微信開發,海南微信公眾號開發,海南微信公眾號代運營,海南模板網站制作,海南網頁設計,海南網絡公司

在線客服 綜合咨詢 客服咨詢 業務咨詢 售后投訴
掃描直接聯系
亚洲品质国产精品无码_亚洲片区偷拍片区314_亚洲殴洲色无码_亚洲欧洲自拍拍偷一
<蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>|