比空间更小

时间:2013-12-05 11:46:47

标签: html unicode

是否存在比 “更小”(例如尺寸的一半)的字符?

我在我的网站上详细列出了我的联系方式:

我正在尝试将我的电话号码与其上方的电子邮件地址对齐:

Email:  email address here
Tel        telephone number here

如果我要添加另一个不间断的空间,这个数字会向右移动太远。

4 个答案:

答案 0 :(得分:7)

我同意其他的回答者,你肯定是在使用错误的工具。如果你是初学者并且CSS已经超出你的头脑,请使用表格,这很简单:

<table>
  <tr> <td>Email</td> <td>whatever</td> </tr>
  <tr> <td>Tel.</td>  <td>012345</td> </tr>
</table>

然而,对于任何真正需要不寻常空间的人来说,Wikipedia有一个压倒性的选择。值得注意的是,有一个很小的空间(&thinsp;,破碎)和狭窄的不间断空间(#x202F;,非破坏)。

答案 1 :(得分:4)

你正在咆哮错误的树。正确标记数据并使用CSS对齐它,而不是使用空格或制表符。这从根本上说是徒劳的。 E.g:

<dl>
    <dt>Telephone</dt>
    <dd>012 3456 6789</dd>

    <dt>Email</dt>
    <dd>foo@example.com</dd>
</dl>

dl {
    overflow: hidden;
}

dt {
    float: left;
    clear: left;
    width: 150px;
}

dd {
    margin-left: 170px;
}

答案 2 :(得分:1)

您选择对齐电子邮件和电话的方法坦白地说就是黑暗时代。有一些现代的方法可以以更加安全和可维护的方式完成工作,即使用适当的HTML和CSS:

<label>Email:</label> email address here
<label>Tel:</label> telephone here

使用CSS将标准width应用于标签,您就可以了:

label { width: 5em; display: inline-block }

即使像上面那样基本的东西也会给你奖励,比如能够立刻修改所有标签的宽度,并在证明内容的基础上“免费”选择左或右对齐。

<强> Live example

答案 3 :(得分:0)

您需要通过为电子邮件和电话号创建范围标记来使用css属性'margin-left'。 在css中,您可以在像素中指定边距