Question

我有一个带有标签标签的输入标签的表单。输入显示在标签下方。我希望根据表单的宽度动态调整输入/标签的大小。问题是，如果我告诉标签占据表格宽度的100％，那么最后一个输入标签会进入下面一行。

以下是我的代码示例：

    <form action="">
        <label>Label1:<br>
            <input type="text"></label>
        <label>Label2:<br>
            <input type="text"></label>
    </form>

以下是一些CSS：

    form {
        width:60%;
        border:1px solid indigo;
    }
    label{
        display:inline-block;
        margin:0;
        width:50%;
    }
    input{
        width:100%
    }

Answer 1

标签元素之间的空白占用空间，防止元素并排出现。评论它，它的确有效：

http://tinker.io/5e4b9

<form action="">
    <label>Label1:<br>
        <input type="text"></label><!--
    --><label>Label2:<br>
        <input type="text"></label>
</form>

将包含输入元素的内联标签定位为动态调整大小的形式

1 个答案: