2013-05-30 2 views
0

Могу ли я узнать, как это сделать?Как выровнять текст, включая скрытые элементы

Номер строки 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> 

Спасибо

+0

ли Вы хотите сделать это с JQuery? Или просто html? – Alvaro

+0

JQuery as selector, html - это дисплей. – user2013221

ответ

4

Затем используйте

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

Это будет скрыть содержимое и оставить пространство.

+0

@ user2013221 Вы решили проблему – PSR

+0

Пока нет. Когда я пытаюсь выбрать .required. предупреждение ($ (". Required: visible"). Size()); Результат показан 2. Причина, по которой я использую hide(), потому что он для выбора выше. Любые подсказки? – user2013221

1

Попробуйте

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

DEMO

ИЛИ

style="visibility:hidden;" вместо style="display:none"

DEMO 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

Смежные вопросы