父元素有高度或者父元素无高度,高度由子元素撑开
方式1(注意使用了transform)
父元素有高度或者父元素无高度,高度由子元素撑开
方式2(不能微调)
父元素有高度或者父元素无高度,高度由子元素撑开
方式3(能微调)
父元素有高度且只有一个子元素,不会出现普通流以为的标签
使用text-align可以使行内元素居中,不能用于块级元素。好处是简单
1
这个布局和下面的都是使用flex,flex对于位置控制很强大,能创造一些很麻烦的布局
3
-
同行方式1上面表格使用的(使用flex布局专门用来折腾对齐布局)
-
同行方式2 (使用行内块+表格 单纯做做子元素是行内元素的还好 像上面那种不行)
↑上面代码改变,会自动显示代码结果
jQuery调用版本:1.11.3
代码描述:列举css几种居中方法
主要是利用position:absolute和flex这两种方式进行的居中设置