css div居中

div中没有text-align和vehicle-align这两个属性，所在在css中设置这两个值没有作用

div 水平居中###

设置左右边距有auto

div{
  margin: 0 auto;
}

垂直居中###

div中文字居中：将div的行高设置和其高度一样的值
div{
    height:200px;
   line-height:200px;
}

div中图片居中###

将div的行高设置跟其高度一样的值，将其中的图片套上标签1和div同时垂直居中
div{
    width:200px;
    height:200px;
    line-height:200px;
    vertical-align:middle;
    background-color:Gray;
}
div i{
    vertical-align:middle
}

将div转换成tablecell，然后设置verhicle-align属性居中*

div{
    width:200px;
    height:200px;
    display:table-cell;
    vertical-align:middle;
}

div 设置圆角

使用的css的特性 border-radius

  设置div对象的4个角都是5像素圆角效果
  div {border-radius:5px;}