首页 文章

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

提问于
浏览
0

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

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

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

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

1 回答

  • 0

    试试这种风格:

    row {
    display:inline-block;
    }
    

    UPD 我测试了这段代码:

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

    样式:

    row
    {
      display:inline-block;
    }
    
    .outer
    {
      text-align:center;
    }
    

相关问题