0

我在尝试将此文本显示在一行而不是 3 行时遇到问题。

<h2 style="text-align:left">Policy</h2> 
<h2 style="text-align:center">Cart</h2> 
<h2 style="text-align:right">FAQ</h2>

文本出现在不同的行中，因此 Police 在一行，Cart 在第二行，FAQ 在另一行，但是它们仍然保持左、中和右对齐。

我将如何将它们显示在同一行但仍然对齐？

4

5 回答 5

1

你可以做几件事。

首先你可以display: inline-block;像这样添加，

h2 {
    display: inline-block;
}

或者像这样，

<h2 style="display: inline-block;">Blah Blah</h2>

现在你也可以像这样漂浮它们，

h2 {
    float: left;
}

或者像这样，

<h2 style="float: left;">Blah Blah</h2>
于 2013-11-09T01:07:15.873 回答
1

尝试使用浮动：

<h2 style="text-align:left;float:left;">Policy </h2>
<h2 style="text-align:center;float:left;">Cart </h2>
<h2 style="text-align:right;float:left;">FAQ</h2>
于 2013-11-09T01:08:45.277 回答
1 
//Use list

  <ul class="footer">
     <li>Policy</li>
     <li>Cart</li>
     <li>FAQ</li>
    </ul>

//In the css

    .footer{
      width:100%
      float:left;
    }
    .footer li{
      display:inline;
      margin-right:20px;
    }
于 2013-11-09T01:10:24.267 回答
0

使用一张桌子。

<center>
    <table>
        <tr>
        <td align="center" valign="center" cellspacing="0" cellpadding="0" border="0">
        <h2>&nbsp;<a href="put href here">Policy</a>&nbsp;<a href="put href                          here">Cart</a>&nbsp;<a href="put href here">FAQ</a>&nbsp;</h2>
        </td>
        </tr>
    </table>
</center>
于 2013-11-09T01:14:10.140 回答
-2

在 css 中使用 width:500% 根据填充的任何百分比都可以。根据您尝试宽度百分比的值....但是宽度属性肯定会起作用..这是保证

于 2020-08-17T12:14:03.310 回答