网站或者小程序标题太长,怎么可以用css显示2行,多余的使用省略号...

科学小公举 2022-5-31 2524

网站标题太长撑爆页面怎么办,可不可以用css控制标题长度呢??



小程序中使用css


display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

 

网站使用css

text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

 

css 强制不换行 多余的使用省略号

white-space:nowrap;
text-overflow:ellipsis;
overflow: hidden;

 


自动换行

word-wrap: break-word;
word-break: normal;

 

英文单词断行

word-break:break-all;

 

推荐阅读
最新评论 (0)

Copyright © 2024 chuihu.com

京ICP备15036784号-5

T: 0.021, S: 17