几种换行方式
1、自动换行
word-wrap: break-word; word-break: normal;
2、强制不换行
white-space:nowrap;
3、强制换行
word-break:break-all; word-wrap:break-word;
文本超出使用省略号（…）隐藏
1、单行超出显示 …
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
2、多行超出显示 …
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; //控制显示几行 -webkit-box-orient: vertical; //webbox方向
指定在单词内断行的断行方式
CSS 属性 word-break 指定了怎样在单词内断行。
word-break : normal | break-all | keep-all
normal：使用浏览器默认的换行规则。 break-all：可在任意字符间断行。 keep-all：文本不断行，只能在半角空格或连字符处换行。
转载请注明来源网址：https://abcmuban.com/wangzhan/469.html
