前言:
最近在搭一个仿京东的移动app
移动端相比PC端的后台管理少了很多逻辑,但是相对难的就是布局的实现。
所以最近重心都在布局,知识的吸收和巩固都集中在css,sass等上面了
由下记录我在开发过程中遇到的一些值得记录&思考的东西:
1. css实现文本最多两行,超过则用省略号结尾
overflow: hidden;//超出部分首先隐藏
text-overflow: ellipsis;//然后省略号补齐空位
display: -webkit-box;// 设置display,将对象作为弹性伸缩盒子模型显示
-webkit-line-clamp: 2;// 限制在一个块元素显示的文本的行数
text-overflow: -o-ellipsis-lastline;//在文本的最后一行加上省略号
-webkit-box-orient: vertical;//规定框的子元素应该被水平或垂直排列
2. 文本单行居中,多行居左
//html
<h2><p>单行居中,多行居左</p></h2>
p {
display: inline-block;
text-a