使用css中的white-space:pre-wrap；让html浏览器显示空白空格符

案例：

<p style="white-space:nowrap">aa
    bb
    cccc
</p><p style="white-space:pre-wrap">aa
    bb
    cccc
</p>

效果如图：

white-space的值：
normal 默认。空白会被浏览器忽略。
pre 空白会被浏览器保留。其行为方式类似 HTML 中的

 标签。
nowrap  文本不会换行，文本会在在同一行上继续，直到遇到 标签为止。
pre-wrap    保留空白符序列，但是正常地进行换行。
pre-line    合并空白符序列，但是保留换行符。
inherit 规定应该从父元素继承 white-space 属性的值。

使用css中的white-space:pre-wrap；让html浏览器显示空白空格符相关推荐

css中white-space 属性：“pre”, “pre-line”, “pre-wrap” “nowrap”的区别
在css中white-space属性用来控制容器的文本中带有空白符.制表符.换行符等的显示,取值有: normal:默认,忽略文本中所有的空白.换行符:只有文本存在 <br> 或文本达到框 ...
html页面中源代码如何看不见div,DIV+CSS网页在浏览器显示空白但是源代码完整的解决办法...
特别在微软IE6版本上打开div+css开发的网页,浏览器不显示空白,什么也不显示,但是查看源代码结果网页代码又完整.你在开发测试网页时候有遇到此问题吧! 常见网页显示空白,网页源文件完整原因如下: ...
css中overflow属性失效，页面始终不能滚动显示溢出的内容
如果overflow设置正确,出现这种问题大抵是因为position属性的设置为了fixd,这导致页面中的内容相对于页面是一定的,包括溢出的内容,他也在页面的某一个位置.而页面滚动本质上页面这个pan ...
CSS中属性的值和单位
CSS中值的单位 1.颜色值被各种浏览器支持,并且作为 CSS 规范推荐的颜色名称只有 16 种,如下表所示. 百分比表示 color: rgb(100%, 100%, 100%); 这个声明将红. ...
CSS中的filter(滤镜)
滤镜通常是使用百分比(如:88%),也可以使用小数点(如:0.88): 某些属性跟原有的CSS中的属性十分相似,但有些浏览器为了提升性能,会通过filter提供硬件加速. 以下都是filter的属性: ...
CSS 中的像素(px)
CSS 中的像素(px) px 是一个我们经常在开发中使用的一个单元; 它表示在屏幕上展示的最小单元; 但是, 在 CSS 中像素可能和我们想象的不太一样. CSS 中的 px 是逻辑距离还是物理距离 ...
stm32中c语言换行符error——expect a declaration warning——“\“followed by white space is not a line splic
标题 stm32中c语言换行符error--expect a declaration warning--""followed by white space is not a lin ...
html5 white space,CSS white-space 属性
CSS样式常用属性整理 web工程师是最近5年刚刚兴起的一门高薪职业,人们的专注度越来越高. 那么前端除了学习html标签之外还需要掌握什么知识点呢? 为大家整理了一个和HTML标签密不可分的知识要点 ...
html和css中常见的浏览器兼容性处理
1.居中问题 div里的内容,IE默认为居中,而FF默认为左对齐,可以尝试增加代码: 1 margin: 0 auto; 2.高度问题两上下排列或嵌套的div,上面的div设置高度(height), ...

使用css中的white-space:pre-wrap；让html浏览器显示空白空格符

案例：

使用css中的white-space:pre-wrap；让html浏览器显示空白空格符相关推荐

最新文章

热门文章