jquery - 如何对齐包含隐藏元素的文本

Question

我可以知道如何使这个对齐吗？

第 1 行是隐藏星号。如何使星号甚至隐藏会占用宽度？

示例代码

<tr>
<td>
    <span width="10px" class="required" style="display: none;"%>Required">*</span>
    <input type="text" class="param" size="40" name="fullName" value=""/>
</td>
</tr>
<tr>
<td>
    <span width="10px" class="required"%>Required">*</span>
    <input type="text" class="param" size="40" name="fullName" value=""/>
</td>
</tr>

感谢

Answer 1

然后使用

$('selector').css('visibility','hidden');

它将隐藏内容并留下空间。

Answer 2

尝试这个

input{
    float:right
}
span{
    float:left
}

演示

或者

style="visibility:hidden;"代替style="display:none"

演示 2

Answer 3

而不是display:none，使用visibility:hidden.

您不需要 jQuery，只需在 HTML 上更改它即可

<tr>
<td>
    <span width="10px" class="required" style="visibility: hidden;"%>Required">*</span>
    <input type="text" class="param" size="40" name="fullName" value=""/>
</td>
</tr>
<tr>
<td>
    <span width="10px" class="required"%>Required">*</span>
    <input type="text" class="param" size="40" name="fullName" value=""/>
</td>
</tr>

现场演示