时间戳

首页 > 解决方案 > 带有“display：flex”的引导程序“.row”类导致“text-align：center”不适用于“p”标签

html - 带有“display：flex”的引导程序“.row”类导致“text-align：center”不适用于“p”标签

问题描述

我正在使用Bootstrap 4，我有一个div带有 aclass的row，里面有一个p标签。

我添加了一个ID并row div应用text-align: center;，但该段落没有居中对齐。

然而，在Chrome Inspector中，如果我禁用display: flex它将对齐。

为什么是这样？

#example {
    text-align: center;
}



<div class="row" id="example">
    <p>Example.</p>
</div>

标签： htmlcssflexboxbootstrap-4

解决方案

用于justify-content: center;显示：弹性项目

推荐阅读