我一直在尝试在 span 元素中应用一个空格,但无法做到。
在我的应用程序中,我有以下两个跨度元素。
<span style='color:red;margin-right:1.25em'>*</span>
<span style='color:red;margin-right:1.25em'> </span>
将这两个跨度应用于不同的字段以使它们进入相同的对齐级别,但我有以下问题。PFB
上面的代码有什么问题吗
名字字段应该向右移动一点以便正确对齐。
我一直在尝试在 span 元素中应用一个空格,但无法做到。
在我的应用程序中,我有以下两个跨度元素。
<span style='color:red;margin-right:1.25em'>*</span>
<span style='color:red;margin-right:1.25em'> </span>
将这两个跨度应用于不同的字段以使它们进入相同的对齐级别,但我有以下问题。PFB
上面的代码有什么问题吗
名字字段应该向右移动一点以便正确对齐。
边距应用于块或内联块元素
但不是像内联元素
跨度标签
试试这个
<span style='color:red;margin-right:1.25em; display:inline-block;'> </span>
由于span
默认情况下元素是内联元素,因此规范会忽略它们的水平边距。您可以将它们设置为内联块(大多数但不是所有浏览器都支持),或者使用填充而不是边距。
这可能不会解决最终的问题,因为字符“*”和不间断空格的宽度不同,除非是偶然的。要设置一个包含表单字段和相关标签和说明的数据表,请使用 HTML 表,然后在 CSS 中添加一点样式。
尝试将此 CSS 规则添加到您的 span-space 元素:
white-space: pre;
这个解决方案对我有用,
<span>\u00A0</span>
或者
<span> </span>