是否存在比
“更小”(例如尺寸的一半)的字符?
我在我的网站上详细列出了我的联系方式:
我正在尝试将我的电话号码与其上方的电子邮件地址对齐:
Email: email address here
Tel telephone number here
如果我要添加另一个不间断的空间,这个数字会向右移动太远。
答案 0 :(得分:7)
我同意其他的回答者,你肯定是在使用错误的工具。如果你是初学者并且CSS已经超出你的头脑,请使用表格,这很简单:
<table>
<tr> <td>Email</td> <td>whatever</td> </tr>
<tr> <td>Tel.</td> <td>012345</td> </tr>
</table>
然而,对于任何真正需要不寻常空间的人来说,Wikipedia有一个压倒性的选择。值得注意的是,有一个很小的空间( 
,破碎)和狭窄的不间断空间(#x202F;
,非破坏)。
答案 1 :(得分:4)
<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中,您可以在像素中指定边距