2

我正在尝试创建一个显示标签和相应文本(可能是多行)的页面,但我没有从标签中获取行和同一行中的文本。

HTML 代码:

  <label for='name'>Name:</label>
 <div class='input' id='name'> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
</div>
<label>Date:</label>
<div class='input' id='date'> 10.10.2012 </div>

<label>Sum:</label>
<div class='input' id='sum'>ABC </div>

CSS:

label {

width:150px
float: left;

}

.input{
margin-left:150px
}

这是JSFiddle链接

4

5 回答 5

2

;后缺少分号width:150px

纠正它。有用

演示

于 2012-11-28T12:25:42.760 回答
2

失踪 ”;” 在 150px 和 clear 之后:都在 div 之后

   label {
        width:150px;
        float: left;
        display: block;
        border: 1px solid red;   
    }
    .input{
        margin-left:150px;
    }

    br {
       display: block;
       clear: both;
    }

http://jsfiddle.net/DGolub/msvVc/1/

于 2012-11-28T12:32:00.790 回答
1

;之后你迷失了自己的风格width:150px

试试这个:JS Bin

label {
  width:150px;
  float: left;
}
于 2012-11-28T12:27:12.500 回答
0

试试这个:

.input{
  display:inline
}
于 2012-11-28T12:22:37.520 回答
0

放入:display:block;_.input

.input{
margin-left:150px;
display: block;
}
于 2012-11-28T12:22:50.723 回答