移动端电商实战类css技巧总结

前言：
最近在搭一个仿京东的移动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