文字省略出现 box-orient

1.box-orient 属性:

//css部分
.box {
    width: 400px; 
    display: -webkit-box;  //模式选择"weblit-box"模式
    -webkit-line-clamp: 3;  //文本只允许3行显示
    -webkit-box-orient: vertical;
    overflow: hidden;
}

<!-- html部分 -->
<html>
    <div class="box"></div>
</html>
<!-- 这个css只有在div里选择才有效果 -->

<!-- 兼容性问题可以参考:
    http://www.w3school.com.cn/cssref/pr_box-orient.asp
 -->
posted @ 2022-12-06 22:23  轻风细雨_林木木  阅读(29)  评论(0)  编辑  收藏  举报