日期:2014-05-17  浏览次数:20684 次

css 换行
请问,当然多个标签和对应的输入框自动排放的时候,怎么保证标签和对应的输入框在同一行?
例:<lable>aa</label><input type="text" value=""/><lable>bb</label><input type="text" value=""/>
<lable>cc</label><input type="text" value=""/><lable>dd</label><input type="text" value=""/>
<lable>ee</label><input type="text" value=""/>
一行中可能无法显示这么多,要自动跳转到第二行显示。但如何保证标签和对应的输入框在同一行呢?

------解决方案--------------------
那么复杂,直接用table吧,不要排斥table
------解决方案--------------------
HTML code
    <style type="text/css">
    label,input{ float:left; }
    label{ clear:left}
    </style>


<label>aa</label><input type="text" value=""/><label>bb</label><input type="text" value=""/>
<label>cc</label><input type="text" value=""/><label>dd</label><input type="text" value=""/>
<label>ee</label><input type="text" value=""/>

------解决方案--------------------
当然了
输入框的宽度设成100%,就跟外面的label的宽度一样了
第一行已经被占用几个字符的位置,剩下的宽度放不下输入框就换行了