Rumah > hujung hadapan web > html tutorial > 让<pre>标签文本自动换行

让<pre>标签文本自动换行

黄舟
Lepaskan: 2017-07-08 11:55:54
asal
2496 orang telah melayarinya


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

但是,默认情况下,

 标签中的内容若超出范围不会自动换行,这样无论在显示或打印都会出现麻烦。</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;
}
Salin selepas log masuk

父标记最好加个p,并设置CSS属性


word-wrap: break-word;white-space : normal
Salin selepas log masuk

Atas ialah kandungan terperinci 让<pre>标签文本自动换行 . Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Artikel sebelumnya:如何让pre标签自动换行? Artikel seterusnya:html 浏览器自动加上<pre>标签的详解
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan