您的位置:首页 > Web前端 > CSS

css解决方案:

2010-09-13 21:22 29 查看
1.>

在div中如果设定height高度小于20px,并且内容是空白的,那么ie6下高度的设置将不会起作用,ie会设置一个默认高度20px,解决办法就是设定font-size:1px即可,就是设置默认字体大小为最小就可以了。

ie8、Firefox下不存在这个问题。

2.>

中间有 文字,图片,表单元素(text,button,单选,多选等)垂直居中,

代码

<label style="display: inline-block; vertical-align: middle;">淡淡的点点滴滴滴滴</label><select name="f" style="vertical-align: middle;display: inline-block;"><option>文字对齐</option></select>
<input name="" type="button" value="垂直居中" style="vertical-align: middle;"/><img src="../Images/icon_rss.gif" style="vertical-align:middle;" />


文字

文字对齐

记住表单元素记得加上 vertical-align:middle 这个是关键,文字呢 就用lable装起来,图片把图片设置为文字流也就是 display:inlin;vertical-align:middle,在IE6下如果表单前没有文字也加个空label才能使div里面的元素垂直居中,在这个混合垂直居中的例子,一定要有个label
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: