css添加伪元素
ul p::before{
content: '';
display: block;
background: #F9C87B;
width: 8px;
height: 29px;
position: absolute;
top: 7px;
left: -17px;
}
单行文本溢出隐藏显示省略号
.pregnantSchool .courseList p{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width: 54vw;
margin-top: -10px;
}
多行文本溢出隐藏显示省略号
.pregnantSchool .courseList p{
display: -webkit-box;
-webkit-box-orient: vertical;
line-clamp: 2;
-webkit-line-clamp: 2;
overflow:hidden;
text-overflow:ellipsis;
width: 54vw;
margin-top: -10px;
}
图片文字设置居中对齐 给图片设置vertical-align: middle;
移动端页面开发常用css小技巧
最新推荐文章于 2024-07-25 08:14:42 发布