3

我想在同一行显示、标签和输入：

我在 CSS 中尝试过：

form  label {
    display:block;
    float:left;

}

http://jsfiddle.net/kY5LL/18/

4

4 回答 4

4

这里是

.span6{
overflow:hidden;
 display:inline;
}
.span6 label, .span6 input {
display:inline-block;
}
.span6 input {
width:70%;
margin-left:3%;
}

更新的小提琴

于 2013-08-30T11:27:40.873 回答
1

如果您使用的是 Bootstrap 3.x：

<form class="form-horizontal" role="form">
    <div class="form-group">
        <label for="inputType" class="col-sm-2 control-label">Label</label>
        <div class="col-sm-4">
            <input type="text" class="form-control" id="inputCity" placeholder="Input text">
        </div>
    </div>
</form>

小提琴

于 2014-03-06T15:01:37.427 回答
0

我在我的脚本中做到了这一点。我创建了一个 div 容器框，在容器内，一个标签留给输入元素。

. HTML

<div class="container">
    <label>Firstname</label>
    <input type="text">
</div>

CSS

div.container{
  overflow:hidden;
}
label{
    width:70px;
    display:block;
    float:left;
    text-align:left;
}
input{
  width:240px;
  float:left;
}
于 2013-08-30T10:50:56.153 回答
-1

删除input-block-level给input标签的类

于 2013-08-30T10:55:08.703 回答