Question

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

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

文字以单独的行显示，因此警察在一行，Cart在第二行，FAQ在另一行，但它们仍然保持左，中，右对齐。

我如何在同一条线上显示它们但仍然对齐？

Answer 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>

Answer 2

尝试使用float：

<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>

Answer 3

//使用清单

政策

车

常见问题

//在css中

.footer{
  width:100%
  float:left;
}
.footer li{
  display:inline;
  margin-right:20px;
}

Answer 4

使用表格。

<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>

Answer 5

使用width：500％in css基于填充的任何百分比都可以使用。尝试根据您的宽度百分比值。...但是width属性肯定可以工作。。这是保证

将文字对齐一行？

5 个答案: