0

我的 Web 表单字段没有正确排列有问题。

看截图：http ://awesomescreenshot.com/00cw0c80e

标签比正常长，但我需要它那么长。如果我缩短标签，它会按预期排列。

任何人都可以帮忙吗？

谢谢！:)

附言。我看过网上的各种样本，但没有成功。

我的 CSS

input.issu {
    margin-bottom: 8px;
    width: 220px;
}

label.issu {
    display: block;
    float: left;
    margin-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    width: 270px;
    text-align: left;
    vertical-align: top;
}

select.issu {
    margin-bottom: 8px;
    width: 240px;
}

br.issu {
    float: clear;
}

我的 html 代码（我尝试过使用和不使用 div 标签）

        <div>
        <label for="departingFrom" class="issu">Direct flight into Singapore from (please name city)<span class="red">* required</span></label>
        <input id="departingFrom" name="departingFrom" class="issu" value="" type="text">
        <br class="issu">
        </div>

        <div>
        <label for="additionalInfo" class="issu">Additional info(e.g. accompanying family members)<span class="red">* required</span></label>
        <input id="additionalInfo" name="additionalInfo" class="issu" value="" type="text">
        <br class="issu">
        </div>
4

2 回答 2

0

将溢出：隐藏属性添加到标签的容器 div 并输入如下。它会正常工作。

CSS：

div{
    overflow:hidden
}
于 2013-02-05T07:03:14.493 回答
0

使用表格，将标签放在一列中，在另一列中输入字段。然后vertical-align根据需要设置单元格（在这种情况下，对于“排队”的含义有不同的解释）。

于 2013-02-05T07:29:33.237 回答