CSS笔记

文本标签第二行后缩进

  text-indent: -2em;
  margin-left: 2em;

HTML text标签超过行数 截取字符并显示省略号

	overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 要显示的行数;
    -webkit-box-orient: vertical;

上下左右居中

//父元素
body{
    margin:0;
    padding:0;
    width:100%;
    height:100%;
}
//要居中的元素
div{
   position:absolute;
   top:50%;
   left:50%;
   margin-top:-250px; //根据高度减一半调
   margin-left:-250px; //根据宽度减一半调
    /*此时宽和高都要固定*/
    width:500px;
    height:500px;
}

有时在动态绑定style中的一些带划线（ - ）的属性进行赋值，这时因为字符的原因会出现编译错误
错误示范：

<view class="statusBar" :style="{margin-top: statusBarHeight}"></view>

正确示范：

<view class="statusBar" :style="{marginTop: statusBarHeight}"></view>