单行居中多行居左最多两行超过用省略号

2019-05-2988次阅读css

单行居中多行居左最多两行超过用省略号

<h2><p>单行居中,多行居左</p></h2>
p {
    display: inline-block;
    text-align: left;
}

h2{
    text-align: center;
}

多行文本显示省略号详解。

<h2><p><em>单行居中,多行居左,最多两行超过用省略号<em></p></h2>
p {
    display: inline-block;
    text-align: left;
}
em {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

h2{
    text-align: center;
}

 

上一篇: 非标准CSS3属性-webkit-box-reflect制作倒影  下一篇: 拥抱Flexbox弹性布局基本概念之Flex容器  

单行居中多行居左最多两行超过用省略号相关文章