首頁 > web前端 > html教學 > 讓
標籤文字自動換行                

標籤文字自動換行

黄舟
發布: 2017-07-08 11:55:54
原創
2482 人瀏覽過


登入後複製
也就是说你输入的东西被原封不动的输出,包括你输入的空格之类的,不用 和<BR>等来表示空格或者回车了。
登入後複製

但是,預設情況下,

 標籤中的內容若超出範圍不會自動換行,這樣無論在顯示或列印都會出現麻煩。 </p><p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; color:rgb(69,69,69); font-family:tahoma,helvetica,arial; font-size:14px; line-height:21px">下面提供符合W3C 標準並支援多瀏覽器的CSS 樣式程式碼:</p><p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; color:rgb(69,69,69); font-family:tahoma,helvetica,arial; font-size:14px; line-height:21px"><br/></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;">pre{
white-space:pre-wrap;
white-space:-moz-pre-wrap;
white-space:-pre-wrap;
white-space:-o-pre-wrap;
word-wrap:break-word;
}
登入後複製

父標記最好加個p,並設定CSS屬性


word-wrap: break-word;white-space : normal
登入後複製

以上是讓

標籤文字自動換行的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
上一篇:如何讓pre標籤自動換行? 下一篇:html 瀏覽器自動加上
標籤的詳解
                    
                            
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
相關專題
更多>
熱門推薦
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板