小程序 ------ 常用css 属性，居中

1、垂直居中和水平居住 （align-items 和  justify-content ）

当 display: flex 配合 justify-content: center 使用时可以让view水平居中,

配合 align-items: center 用时可以实现垂直居中效果

 

2、margin 外边距，可以为负值

标签与标签之间的距离 ，四个值为：上右下左

常用简写：  常常和 atuo 居中搭配使用

//上下为10，左右5
margin:10px 5px;
//上下为10，左右居中
margin:10px auto;

 

3、padding 内边距，可以为负值

外部标签与内部标签之间的距离，四个值也是：上右下左

和margin 类似

margin和 padding 是相对而言的，如果两个标签没有包含关系就是margin,有的话，就是padding

 

4、文字居中  text-align

text-align:center