1、强制换行
word-break: break-all;
/*只对英文起作用，以字母作为换行依据。 如果该行末端有个很长的英文单词，它会把单词截断，一部分保持在行尾，另一部分换到下一行。*/
word-wrap: break-word;
/*只对英文起作用，以单词作为换行依据。 如果该行末端宽度不够显示整个单词，它会自动把整个单词放到下一行，而不会把单词截断掉。*/
white-space: pre-wrap;
/*只对中文起作用，强制换行。*/
2、禁止换行(单行文本截断)
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
/* white-space: nowrap; // 溢出不换行 overflow: hidden; // 超出的文本隐藏 text-overflow: ellipsis; // 溢出用省略号显示 */
3、多行文本截断(超过两行或三行用省略号…表示)
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; /*行数*/
/* -webkit-line-clamp需要和 display、-webkit-box-orient 和 overflow 结合使用： display: -webkit-box; //必须结合的属性，将对象作为弹性伸缩盒子模型显示。 -webkit-box-orient: vertical; //必须结合的属性，设置伸缩盒子的子元素排列方式，vertical是从上到下排列 -webkit-line-clamp: 3;（行数）//不是css的规范属性，需要组合上面两个属性使用 text-overflow: ellipsis; //可选属性，可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本。 */
4、最近遇到的一个需求，v-html渲染文本的时候要求，单行里面有数字的时候文字左右对齐，间距自动拉伸
white-space: pre-line;
text-align:justify;
letter-spacing:1px;
5、文本总结
word-spacing:normal | length 词与词之间的距离值,可以是负数
letter-spacing:normal | length 字符之间的距离值,可以是负数
vertical-align:baseline(默认值) sub(上标对齐) super(下标对齐) bottom(行框低端对齐) text-bottom(行内文本低端对齐) top(顶端对齐) middle(居中对齐) 定义文本的垂直对齐方式
text-decoration: none 标准的文本 underline 文本下的一条线 overline 文本上的一条线。line-through 穿过文本下的一条线 blink 闪烁的文本 inherit规定应该从父元素继承
text-indent:length 定义固定的缩进。默认值：0 % 基于父元素宽度的百分比的缩进 inherit 规定应该从父元素继承 text-indent 属性的值。
white-space:normal 默认。空白会被浏览器忽略 pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签 nowrap 文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止 pre-wrap 保留空白符序列，但是正常地进行换行 pre-line 合并空白符序列，但是保留换行符 inherit 规定应该从父元素继承
text-align:left 把文本排列到左边。默认值：由浏览器决定。right 把文本排列到右边。center 把文本排列到中间。justify 实现两端对齐文本效果。inherit 规定应该从父元素继承 text-align 属性的值
text-transform:none 默认。定义带有小写字母和大写字母的标准的文本 capitalize 文本中的每个单词以大写字母开头 uppercase 定义仅有大写字母 lowercase 定义无大写字母，仅有小写字母 inherit 规定应该从父元素继承 text-transform 属性的值。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/209989.html原文链接：https://javaforall.net
