块级元素水平居中
- 给自己设置margin: 0 auto;(上下边距可以给值,auto是自适应)
其他属性元素水平居中
- 给父元素设置 text-align: center;
单行文本垂直居中
- 给父元素设置 line-height:父元素高度; (行高等于父元素的高度,因为当行文本在一行内默认垂直居中)
多行文本居中
- 定位或设置margin
vertival-align 属性应用
经常用于设置图片或者表单(行内或行内块元素)和文字垂直对齐
语法:vertical-align : baseline | top | middle | bottom
值 | 描述 |
baseline | 默认,元素放置在父元素的基线上 |
top | 把元素的顶端与行中最高元素的顶端对齐 |
middle | 把此元素放置在父元素的中部 |
bottom | 把元素的顶端与行中最低的元素的顶端对齐 |