当前位置 : 主页 > 网页制作 > css >

css换行的方法

来源:互联网 收集:自由互联 发布时间:2021-06-13
1.英文自动换行 .css{ word-wrap: break-word; word-break: normal;} 2. 强制英文单词断行 .css{word-break:break-all;} 3.一行文字超出,出现省略号 css{ overflow : hidden ; text - overflow : ellipsis ; white - space : nowr

1.英文自动换行

.css{

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

2.强制英文单词断行

.css{word-break:break-all; }

3.一行文字超出,出现省略号

css{

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

}

4.三行文字超出,出现省略号

css{

display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;

}

网友评论