【自用】div的各种样式_div 样式

自用，省得总记不住+到处百度，随时更新

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;
}