1、水平布局 display: flex; flex-direction: row;
2、水平居中 justify-content: center;
3、垂直居中 align-items: center;
4、text限制行数
display: -webkit-box; //定义为自适应布局
-webkit-line-clamp: 4; //行数
-webkit-box-orient: vertical; //垂直方向隐藏
text-overflow: ellipsis; //超出部分省略号
overflow: hidden; //多出部分隐藏
本文介绍如何使用CSS的Flex布局实现元素的水平和垂直居中,并讲解了限制文本显示行数的方法,包括使用-webkit-box, -webkit-line-clamp等属性实现文本的自适应布局和省略超出部分。
5979

被折叠的 条评论
为什么被折叠?



