web--居中问题及三种标签的相互转换

居中问题

块属性

    1.水平居中 自己设置margin：0 auto

    2.垂直居中 没有快捷方式（目前） 只能自己去算

非块属性

    1.水平居中  给父元素设置text-algin：center

    2.单行文本垂直居中  给父元素设置line-height：父元素的高度

设置文本水平对齐方式  center：水平居中，left：左对齐，right：右对齐

单行文本垂直居中 line-height: 父元素的高度

三种标签的相互转换

display:inline-block 将标签转换为行块属性

display：inline 将标签转换为行属性

display：block  将标签转换为块属性