3

在下面的代码中，我的跨度显示在文本框的右侧，我希望它位于文本框下方。请让我知道可以做什么？

<fieldset class="no_border">
    <div class="float_left">
        <label>Age in years:</label>
        <br />
        <input readonly="readonly" type="text" class="effect" id="nominee_one_years" name="nominee_one_years" value="0" style="width:20%" /><span id="info_nominee_one_years">x</span>
    </div>
    <div class="float_left">
        <label>Relationship:</label>
        <br />
        <input type="text" class="effect" name="nominee_one_relationship" id="nominee_one_relationship" style="width:95%" /><span id="info_nominee_one_relationship">x</span>
    </div>
    <div class="float_left">
        <label>Relationship:</label>
        <br />
        <input type="text" class="effect" name="nominee_one_relationship" id="nominee_one_relationship" style="width:95%" /><span id="info_nominee_one_relationship">x</span>
    </div>



#nominee_details span {
     margin-left: 0px;
     color: #b1b1b1;
     font-size: 11px;
     font-style: italic;
     display:none;
 }
 fieldset.no_border {
     overflow:hidden;
     border:0;
     padding:0 0 10px 0;
     margin:0;
 }
 .float_left {
     float:left;
     width:33%;
 }

其他没有 DIV 的 span

<fieldset class="no_border">

        <label>Age in years:</label>
        <br />
        <input readonly="readonly" type="text" class="effect" id="nominee_one_years" name="nominee_one_years" value="0" style="width:20%" /><span id="info_nominee_one_years">x</span>
</fieldset >

JS小提琴

我实际上有两种情况

第一个在 fieldset 和 div 内，如上所示，第二个在 fieldset 内

第一种情况的跨度未在文本框下方呈现第二种情况的跨度正确显示

如果你看到我的 jsfiddle 你就会明白我要解释什么

4

2 回答 2

2

http://jsfiddle.net/dwWww/5/

你在找这个吗？

.float_left span {
    display: block;
}

如果你可以使用 jquery，首先你设置display: none; 

$(".float_left span").css("display","none");

但是，当您检测到错误时，只需执行以下操作：

$(".float_left span").css("display","block");

要不就：

.addClass() //设置显示块

.removeClass () //设置显示无

或者：

$(".float_left span").text("Error!!");

和

$(".float_left span").text('');

更新：

.float_left span, #nominee_details span  {
    display: block;
}

http://jsfiddle.net/M8XQ6/

于 2013-08-01T11:53:41.913 回答
0

span是一个内联元素，您可能希望使用块级元素，如divorp或设置display:block为 span 或将 a 放在<br/>span 之前。

于 2013-08-01T11:50:55.013 回答