根据基础网格中的兄弟对齐行

Question

我正在为网站使用基础网格，并希望完成以下方案：

<row>content</row>
<row>content_2</row>

我希望第一行居中（我已经能够做到）。但是第二行不会居中，而是根据第一行对齐。我希望第二行对齐第一行的左边。这样行的内容就会在水平的同一个地方开始。

第一行的内容是动态的（取决于语言，字体等），所以我不知道它的宽度。在任何情况下，我都希望第二行根据它对齐。

Answer 1

试试这种风格：

row {
display:inline-block;
}

<强> UPD 我测试了这段代码：

<div class="outer">
  <row>row1</row>
  <row>row1</row>
</div>

式：

row
{
  display:inline-block;
}

.outer
{
  text-align:center;
}