【HTML】让<pre>标签文本自动换行
生活随笔
收集整理的這篇文章主要介紹了
【HTML】让<pre>标签文本自动换行
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
利用<pre></pre>這個標簽可以將其包起來的文字排版、格式,原封不動的呈現出來。
也就是說你輸入的東西被原封不動的輸出,包括你輸入的空格之類的,不用 和<BR>等來表示空格或者回車了。
但是,默認情況下,<pre /> 標簽中的內容若超出范圍不會自動換行,這樣無論在顯示或打印都會出現麻煩。
下面提供符合 W3C 標準并支持多瀏覽器的 CSS 樣式代碼:
pre{
white-space:pre-wrap;
white-space:-moz-pre-wrap;
white-space:-pre-wrap;
white-space:-o-pre-wrap;
word-wrap:break-word;
}
父標記最好加個DIV,并設置CSS屬性:
word-wrap: break-word;white-space : normal
總結
以上是生活随笔為你收集整理的【HTML】让<pre>标签文本自动换行的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: sqlserver 查看锁表,解锁
- 下一篇: javascript数组浅谈1