pre标签中内容超出时换行

Posted kumufengchun

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了pre标签中内容超出时换行相关的知识,希望对你有一定的参考价值。

当超出时 td超出或者div超出 加如下样式

pre {
white-space: pre-wrap; /*css-3*/
white-space: -moz-pre-wrap; /*Mozilla,since1999*/
white-space: -pre-wrap; /*Opera4-6*/
white-space: -o-pre-wrap; /*Opera7*/
word-wrap: break-word; /*InternetExplorer5.5+*/
}

<td>

<?php echo ‘<pre style="white-space: pre-wrap; /*css-3*/
white-space: -moz-pre-wrap; /*Mozilla,since1999*/
white-space: -pre-wrap; /*Opera4-6*/
white-space: -o-pre-wrap; /*Opera7*/
word-wrap: break-word; /*InternetExplorer5.5+*/">‘;

print_r($data); echo "</pre>";?>

</td>

以上是关于pre标签中内容超出时换行的主要内容,如果未能解决你的问题,请参考以下文章

使pre的内容自动换行

java生成excel内容超出列宽自动换行

p标签中的文本换行

解决<pre>标签里的文本换行(兼容IE, FF和Opera等)

前台脚本:UL LI 列标签文字内容超出宽度后换行?

Safari 中的 Flexbox 行换行问题