首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

css 换行,该怎么处理

2012-03-14 
css 换行请问,当然多个标签和对应的输入框自动排放的时候,怎么保证标签和对应的输入框在同一行?例:lable

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

热点排行