DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> 網頁文字實現豎排的幾種方法
網頁文字實現豎排的幾種方法
編輯:HTML和Xhtml     

網頁制作poluoluo文章簡介:網頁文字實現豎排的幾種方法,這裡提供2類3種解決辦法。

這裡提供2類3種解決辦法。

1:使用flash+xml實現。
    將內容放到xml內,在flash內讀取並加載到設置好的場景中。text設置文字方向。

2:使用html頁面內swf後綴實現。
    例:<param name="movie" value="index.swf?name=文字內容"/>
    其他基本上與第一個一樣。
    as3獲取地址swf後的參數問題

3:給p定寬定高來實現文字豎排。(漢字哦)
    首先確認單位,使用em,設置p的高,假設為20em,那麼一列就是20個字符。
CSS
引用 #content{overflow:hidden;clear:both;text-align:right}/*text-align表示文字起始方向,左或右。*/
#content p{font-size:14px;width:1.2em;display:inline;text-align:center;line-height:1.5em;}
HTML
引用 <div id="content">
    <p>內容在這裡</p>
    <p>內容在這裡</p>
    <p>內容在這裡</p>
</div>
這樣的話,content內不能有圖片,開始有個<p>,結束有個</p>,然後使用js找到第20、40、60、80...個字,在後邊加</p><p>,碰到br也替換成</p><p>
這個替換好像很熟悉,哦,在這裡讓用戶更好的編輯文本

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved