自用,省得总记不住+到处百度,随时更新
1. 超出文字内容变成省略号
div{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1; // 只显示一行,超出一行的就不显示
overflow: hidden; // 超出设置的隐藏
text-overflow:ellipsis; // 超出的用省略号表示
}
2. 文字自动换行
.title {
white-space: normal !important;
overflow-wrap: break-word;
}
3. 文字按div宽度撑开
.title {
text-align:justify;
text-align-last:justify;
}
4. 悬浮框
// 靠左悬浮
div {
background-color: rgba(0, 0, 0, 0.3);
position: fixed;
top: 550px;
left: 0;
z-index: 100;
}