文字省略出现 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
 -->

上一篇mysql 数据库迁移办法

下一篇Mac安装JDK详解

本文作者：轻风细雨_林木木

本文链接：https://www.cnblogs.com/linzhifen5/p/16961512.html

posted @ 2022-12-06 22:23 轻风细雨_林木木阅读(31) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

轻风细雨_林木木

做最优秀的自己。

文字省略出现 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
	-->