内联元素/文本水平居中

这是一个内联文本

拥有固定宽度的块状元素

这是一个拥有固定宽度的块状元素

多个没宽度的块状元素居中,变成inline-block

One
Two
Three

多个没宽度的块状元素居中,用flex

One
Two
Three

单行内联元素,用padding

这是单行内联元素

单行内联元素,用line-heght

这是单行内联元素

多行内联元素,用flex

多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素 多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素 多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素 多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素 多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素多行内联元素

已知高度的块状元素,父元素绝对定位,要居中的子元素相对定位

已知高度的块状元素已知高度的块状元素已知高度的块状元素已知高度的块状元素已知高度的块状元素

块状元素高度未知,用定位+子元素transform:translateY(-50%);

块状元素高度未知块状元素高度未知块状元素高度未知块状元素高度未知块状元素高度未知块状元素高度未知块状元素高度未知块状元素高度未知块状元素高度未知块状元素高度未知块状元素高度未知块状元素高度未知块状元素高度未知块状元素高度未知块状元素高度未知块状元素高度未知块状元素高度未知块状元素高度未知块状元素高度未知块状元素高度未知块状元素高度未知块状元素高度未知块状元素高度未知块状元素高度未知