代码中的标签内有多个空格或者展示用户输入内容的多个空格时候,默认智慧展示一个空格的宽度。在可以使用css中的white-space属性,控制对html中空白内容的展示方式轻松实现。

Code

默认情况下,连续半角空格会被合并为一个进行展示,全角空格不合并。

至于为什么是这样,看下面这段代码就明白了

思考:浏览器怎么知道<p>...this..中间的空格展示不展示,那么写代码时候在text后面多敲了两个空格,sometext中间的空格又怎么算?

所以万物从简,掐头去尾,多个合一。你指明了要pre, 才给你展示和代码一模一样的格式。那么pre-wrappre-line又是怎么回事?简单点说就是你原始代码可能很长对吧,一行显示不下时候要不要拐弯换行显示,拐弯时空格开头要不要忽略。

可以看下white-space都有哪些常见值,戳demo在线查看不同的值有什么效果

0 0 vote
Article Rating
Subscribe
提醒
guest
0 评论
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x