读书人

css 换行,该怎么处理

发布时间: 2012-03-14 12:01:12 作者: rapoo

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的宽度一样了
第一行已经被占用几个字符的位置,剩下的宽度放不下输入框就换行了

读书人网 >CSS

热点推荐