实现元素的居中对齐

1、水平居中

Element 的 Dialog 组件就是这样实现的。

利用 margin 水平位置 auto 属性。



2、水平垂直居中(利用行内块的特性)

Element 的 MessageBox 组件就是这样实现的。

容器的 text-align: center 使内部元素水平居中,伪元素 after 和 content 的 vertical-align: middle 使内部元素垂直居中。



3、水平垂直居中(高度未知)



你可能感兴趣的:(HTML,CSS,css,css3)