css强制不换行(css如何取消换行)

  css中强制不换行代码是white-space:nowrap

image.png

  这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。

  属性值:

normal 默认。空白会被浏览器忽略。

pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。

nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。

pre-wrap 保留空白符序列,但是正常地进行换行。

pre-line 合并空白符序列,但是保留换行符。
inherit 规定应该从父元素继承 white-space 属性的值。
长度单位
px:像素,常用绝对长度单位。
em:相对于父元素的字体大小。
rem:相对于根元素的字体大小。
vh:相对于视口的高度。
vw:相对于视口的宽度。
百分比:相对于其他值设置的。例如,如果将元素的字体大小设置为百分比,那么它将是元素父元素字体大小的百分比。如果使用百分比作为宽度值,那么它将是父值宽度的百分比。
字体
font-family:字体类型。
font-size:字体大小。
font-style:字体样式。
font-weight:字体粗细。
font:字体复合属性。


发表评论

评论列表

还没有评论,快来说点什么吧~