常用css小代码~

Taomores

于 2019-07-20 10:14:40 发布

阅读量259

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/weixin_44744795/article/details/96567945

版权

css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

单独元素单行最后显示

 span{
        flex-grow: 1;
        display: flex;
        justify-content: flex-end;
        margin-right: 20px;
    }``
    
    单行文本超出省略号
    
 p{
    overflow: hidden;/*超出部分隐藏*/
    text-overflow:ellipsis;/* 超出部分显示省略号 */
    white-space: nowrap;/*规定段落中的文本不进行换行 */
    width: 230px;/*需要配合宽度来使用*/
    }
多行文本超出省略号

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
width: 250px;
border: 1px solid red;
font-size: 30px;