8wDlpd.png
8wDFp9.png
8wDEOx.png
8wDMfH.png
8wDKte.png

为什么浏览器不呈现由 'white-space: pre' 元素内的尾随换行符引起的换行符?

monti 1月前

31 0

这两个 div 渲染效果相同。为什么前导换行符被渲染,而尾随换行符没有被渲染(在第二个 div 中)?我阅读了 CSS3 规范中的换行符和单词边界部分,但它

这两个 div 呈现的结果相同。为什么前导换行符被呈现,而尾随换行符没有呈现(在第二个 div 中)?我阅读了 换行符和单词边界 部分,但它没有解释这种行为。

.pre {
  white-space: pre;
  border: 1px solid red;
  margin-bottom: 10px;
}
<div class="pre">
hello
world</div>

<div class="pre">
hello
world
</div>
帖子版权声明 1、本帖标题:为什么浏览器不呈现由 'white-space: pre' 元素内的尾随换行符引起的换行符?
    本站网址:http://xjnalaquan.com/
2、本网站的资源部分来源于网络,如有侵权,请联系站长进行删除处理。
3、会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。
4、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
5、站长邮箱:yeweds@126.com 除非注明,本帖由monti在本站《jquery》版块原创发布, 转载请注明出处!
最新回复 (0)
  • 因为最后一个 \n 不起作用。而该属性的 white-space: pre 作用正如它的名字一样。它只会在单词前添加换行符。最后一个 \n 不会被识别为单词。

返回
作者最近主题: