p标签实现自动换行
2017-10-19 15:53
211 查看
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代码中的<pre>标签)、
nowrap(文本不会换行,文本会在同一行上继续,直到遇到<br>标签为止)、pre-wrap(保留空白符序列,但是正常的换行)、pre-line(合并空白符序列,但是保留空白 符)、inherit(规定应该从父元素继承white-space属性的值);
3.word-wrap属性:
允许长单词换行到下一行;有两个值:normal(只允许在断字点换行)、break-word(在长单词或者URL地址内部进行换行)
相关文章推荐
- div+pre标签的组合实现文本原格式显示与自动换行
- pre标签实现自动换行
- div+pre标签的组合实现文本原格式显示与自动换行
- table标签下实现内容自动换行
- 基于ViewGroup实现自动换行标签控件
- 标签布局,实现添加多个button自动换行,可自定义许多属性
- 基于RelativeLayout实现自动换行标签控件
- Android自定义控件实现标签的显示自动换行(一)
- <pre>标签里面的内容实现自动换行(默认不会自动换行)
- Android 中自动换行的标签实现
- 使用struts2标签,从后台读取数据时实现横向循环然后在自动换行循环
- android商品属性选择标签控件,可实现自动换行
- 使用VSCode编写jsx代码时如何实现标签自动补齐
- div 实现长英文字母自动换行CSS
- 类似于填空的自动换行css样式实现
- div 实现长英文字母自动换行CSS
- 使用pager标签实现自动分页
- 鼠标移动实现标签自动切换
- Zendstudio for Eclipse 自动换行的实现
- CSS代码使纯英文数字自动换行的简单实现