p标签实现自动换行CSS

p标签实现自动换行
word-break:normal;
white-space:pre-warp;
word-wrapL:break-word;

1.word-break属性:

在恰当的断字点进行换行。有三个值:normal(使用浏览器默认的换行规则)、break-all(允许单词内换行)、keep-all(只能在半角空格或连字符处换行)

2.white-space属性:

white-space属性设置如何处理元素内的空白。

这个属性声明建立布局中如何处理元素中的空白字符,有六个值:normal(默认。空白会被忽略)、pre(空白会被浏览器保留。其行为方式类似HTML代码中的

标签)、

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

3.word-wrap属性:

允许长单词换行到下一行;有两个值:normal(只允许在断字点换行)、break-word(在长单词或者URL地址内部进行换行)

你可能感兴趣的:(p标签实现自动换行CSS)