19

我一直在尝试在 span 元素中应用一个空格,但无法做到。

在我的应用程序中,我有以下两个跨度元素。

<span style='color:red;margin-right:1.25em'>*</span> 
<span style='color:red;margin-right:1.25em'>&nbsp;</span>

将这两个跨度应用于不同的字段以使它们进入相同的对齐级别,但我有以下问题。PFB 在此处输入图像描述

上面的代码有什么问题吗

名字字段应该向右移动一点以便正确对齐。

4

4 回答 4

45

边距应用于内联块元素

但不是像内联元素

跨度标签

试试这个

<span style='color:red;margin-right:1.25em; display:inline-block;'>&nbsp;</span>
于 2012-07-27T10:26:16.800 回答
6

由于span默认情况下元素是内联元素,因此规范会忽略它们的水平边距。您可以将它们设置为内联块(大多数但不是所有浏览器都支持),或者使用填充而不是边距。

这可能不会解决最终的问题,因为字符“*”和不间断空格的宽度不同,除非是偶然的。要设置一个包含表单字段和相关标签和说明的数据表,请使用 HTML 表,然后在 CSS 中添加一点样式。

于 2012-07-27T10:46:24.457 回答
3

尝试将此 CSS 规则添加到您的 span-space 元素:

white-space: pre;

于 2021-09-20T08:41:50.863 回答
2

这个解决方案对我有用,

<span>\u00A0</span>

或者

<span>&nbsp;</span>
于 2021-10-07T10:55:10.533 回答