我和同一行中的标签

Question

这是我的HTML

<td style="">
    <i class="fa fa-pencil"></i> <a href="...">Modifica</a>
    <i class="fa fa-th-list"></i> <a href="...">Dettaglio</a>
    <i class="fa fa-trash"></i> <a href="...">Elimina</a>
</td>

结果如下：

我希望链接能够“附加”到图标上，而不会破坏线条。我怎样才能达到这个结果？

Answer 1

可能你没有足够的空间，你可以尝试

<td style="">
    <p style="white-space:nowrap">
        <i class="fa fa-pencil"></i> <a href="...">Modifica</a>
    </p>
    <p style="white-space:nowrap">
        <i class="fa fa-th-list"></i> <a href="...">Dettaglio</a>
    </p>
    <p style="white-space:nowrap">
        <i class="fa fa-trash"></i> <a href="...">Elimina</a>
    </p>
</td>

Answer 2

根据您的截图判断，您的表格看起来很窄。如果图标和文字不能放在一行中，它们将分成两行。

因此，如果您希望它们在一行中，请确保td具有足够的宽度以包含它们。

如果确实有空格，请仔细检查您的a和i元素是inline还是inline-block作为display属性（尽管这应该是默认）。

同样，你的桌子似乎还不够广泛。尝试增加它的＆＃39;宽度有点。