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

时间:2013-05-30 11:35:24

标签: jquery html css

我可以知道如何对齐吗?

第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>

感谢

3 个答案:

答案 0 :(得分:4)

然后使用

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

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

答案 1 :(得分:1)

试试这个

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

<强> DEMO

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

<强> DEMO 2

答案 2 :(得分:1)

而不是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>

LIVING DEMO