Question

我有一种情况，我希望使用多个空格来分隔html中的元素。除了使用多个 之外还有其他方法吗？

HTML：

<td width="10%">
    <a href=""><i class="glyphicon glyphicon-envelope"></i></a>View&nbsp;&nbsp;&nbsp;
    <a href=""><i class="glyphicon glyphicon-link"></i></a>Append&nbsp;&nbsp;&nbsp;
    <a href=""><i class="glyphicon glyphicon-trash"></i></a>Delete
</td>

Answer 1

使用CSS更改margin或padding以空格元素通常是可以接受的答案。

您也可以坚持使用position: absolute或postion: relative并通过使用top和left属性来区分元素。

Answer 2

我自己想通了：这可以通过以下方式实现，具体取决于您想要的空间：

&nbsp;    - single space
&thinsp;  - thin space
&ensp;    - en space(half the point size of the font)
&emsp;    - em space(point size of the font)

参考：http://www.w3.org/MarkUp/html3/specialchars.html

这就是我所做的：

<td width="10%">
    <a href=""><i class="glyphicon glyphicon-envelope"></i></a>View&thinsp;
    <a href=""><i class="glyphicon glyphicon-link"></i></a>Append&thinsp;
    <a href=""><i class="glyphicon glyphicon-trash"></i></a>Delete
</td>

希望这会有所帮助。

Answer 3

你可以把它放在下面： -

<div class="space_lg">&nbsp;</div>

CSS

.space_lg
{
width:100px;
}

Answer 4

如果您想要更大的空间，可以使用word-spacing：

＆＃13;

p:first-of-type {
    word-spacing: 2em;
}

＆＃13;

<p>Some text that you want spaced</p>
<p>Some text with regular spacing</p>

＆＃13;

Answer 5

将span标记与display:inline-block一起使用，并为其添加width。

Answer 6

没有办法腾出空间。你应该更多，我之前研究过，我没有找到任何其他方式。只是，如果你想为所有行添加空间，请使用br。

想在html中使用多个？

6 个答案: