摘要:文本溢出隐藏单行文本200px//需要设置固定宽度溢出:隐藏;文本溢出:省略号;空白:nowrap;多行文本显示:-webkit box//显示换行符:将所有换行符作为弹性扩展框模型-webkit box oriented:vertical;//设置或检索扩展框对象的子元素排列-webkit行灯:4//要显示的行数:溢出:隐藏;文本溢出:省略号;让带有“”的文本内容自动换行为div单词break:break all;空白:前置线;
文字溢出隐藏
单行文本
200px; // 需要设置这个固定宽度
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
多行文本
display: -webkit-box; // 将对象作为弹性伸缩盒子模型显示
word-break: break-all;
-webkit-box-orient: vertical; // 设置或检索伸缩盒对象的子元素的排列方式
-webkit-line-clamp: 4; // 需要显示的行数
overflow: hidden;
text-overflow: ellipsis;
让带有" "的文本内容在div中自动换行
word-break: break-all;
white-space: pre-line;