如何在span元素中应用空间

Question

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

在我的应用程序中,我有以下两个span元素.

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

将这两个跨度应用于不同的字段以使它们达到相同的对齐级别,但是我有以下问题.PFB

上面的代码有什么问题吗？

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

Answer 1

margin应用于块或内联块元素

但不是内联元素

跨度标签

试试这个

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

Answer 2

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

white-space: pre;

Answer 3

这个解决方案对我有用，

<span>\u00A0</span>

或者

<span>&nbsp;</span>

Answer 4

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

这可能无法解决最终问题,因为字符"*"和不间断空间的宽度不同,除非偶然.要设置由表单字段和相关标签和说明组成的数据表,请使用HTML表,然后在CSS中添加一些样式.