css换行属性设置(3种css控制换行方式)

 分类:div+css教程时间:2022-06-23点击: 2022前端视频教程(自学必看)

我们知道的html中p标签是块级元素它默认就是自动换行的,如果不是块级元素要css控制换行,属性怎么设置?css如何换行?使用css属性word-wrap:break-word就可以自动换行,属性设置为white-space:nowrap时就是强制不换行,下面有3种css换行属性设置方式请看代码吧。

css换行属性设置

1、css强制不换行属性

p { white-space:nowrap; }

2、css自动换行属性

p { word-wrap:break-word; }

3、css强制英文单词断行属性

p { word-break:break-all; }

注意:设置强制将英文单词断行,需要将行内元素设置为块级元素。

除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址: