text Flexbox - 垂直和水平居中

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了text Flexbox - 垂直和水平居中相关的知识,希望对你有一定的参考价值。

<div class="box">
<div>Dior</div>
</div>

.box {
  display: flex;
  align-items: center;
  justify-content: center;
	height: 35em;
}

.box div {
	font-family: 'Times New Roman';
	font-size: 10rem;
	font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #000;
}

以上是关于text Flexbox - 垂直和水平居中的主要内容,如果未能解决你的问题,请参考以下文章

Flexbox:水平和垂直居中

Flexbox:水平和垂直居中

垂直和水平居中的flexbox [重复]

如何将跨多行的 React Native Flexbox 文本水平居中

还不会CSS水平垂直居中?这里有12种方案

仅使用 FlexBox 的双 div 居中和重叠