子元素水平居中 块状元素,水平居中
子元素水平居中 块状元素,水平居中
line-height值=父height值
虽然宽度不同weiqinl
但一样
水平居中了
使用float属性,记得清楚浮动
table默认垂直居中[vertical-align: middle] 水平居中添加text-align:center
仿table: display:table-cell垂直居中vertical-align:middle
利用绝对定位,配合margin:auto自动计算外边距。
定宽元素,需要确定的尺寸。relative是为了给子元素定位用。
利用绝对定位,配合margin的负值来实现居中。
负边距来实现,水平垂直居中。需要知道该元素的具体大小
利用绝对定位,配合translate移动到水平垂直居中。
不需知具体大小。支持IE9+及现代浏览器
使用flex布局,justify-content属性定义了项目在主轴上的对齐方式。
align-items属性定义项目在交叉轴上如何对齐。 两个属性都居中,则水平、垂直居中对齐
父元素使用flex布局,子元素配合margin:auto使用