如何在面板中居中标题和文字

Question

我在一行内的一行内创建了一个面板。

在这个面板的内部，我有一个标题，以及段落中的一些文字。

我想知道如何将这些物品放在他们所在的面板中？

<div class="row">
  <div class="col-lg-7">
    <div class="panel">
      <h2>Heading</h2>
      <p>Text</p>
    </div>
  </div>
</div>

Answer 1

只需将课程text-center添加到主<div>。

<div class="panel panel-primary text-center">
  <!-- -->
</div>

无论你在<p>，<table>中添加什么，都会继承text-center并将文字对齐到中心......

Answer 2

如果您设置了div class="panel">的DIV课程并且您始终希望该文本居中，那么您可以将CSS设置为：

div.panel {
 text-align: center }

如果你只想让这个div有中心文本（而不是整个类），你也可以在你的html中尝试这个：

<div class="panel" align="center">
Content
</div>

这只会使这一个div.panel居中，而不是更改你的CSS以使所有div.panel居中。