css解决方案:
2010-09-13 21:22
29 查看
1.>
在div中如果设定height高度小于20px,并且内容是空白的,那么ie6下高度的设置将不会起作用,ie会设置一个默认高度20px,解决办法就是设定font-size:1px即可,就是设置默认字体大小为最小就可以了。
ie8、Firefox下不存在这个问题。
2.>
中间有 文字,图片,表单元素(text,button,单选,多选等)垂直居中,
代码
文字
文字对齐
记住表单元素记得加上 vertical-align:middle 这个是关键,文字呢 就用lable装起来,图片把图片设置为文字流也就是 display:inlin;vertical-align:middle,在IE6下如果表单前没有文字也加个空label才能使div里面的元素垂直居中,在这个混合垂直居中的例子,一定要有个label
在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
相关文章推荐
- Django 的图片、css、js等文件不能使用 的解决方案
- 《精通CSS-高级Web标准解决方案》阅读计划
- 《精通CSS高级WEB标准解决方案》第九章、bug和bug修复
- css clearfix(针对火狐height:auto无效解决方案)
- CSS页面乱码 GB2312、UTF-8格式问题解决方案
- Html+Css 链接状态变换的单图片实现(精通CSS高级WEB解决方案)读书笔记
- 字体大小自适应纯css解决方案
- XHTML+CSS兼容性解决方案
- jquery博客收集的IE6中CSS常见BUG全集及解决方案
- 【解决】阿拉伯语等右向左排版文字CSS解决方案
- 【第1082期】关键CSS和Webpack: 减少阻塞渲染的CSS的自动化解决方案
- CSS 实现绝对底部一个完美解决方案
- css 背景透明解决方案
- CSS网页设计解决方案(Hacks & Issues)
- 精通css高级web标准解决方案
- 精通CSS高级Web标准解决方案(5、对列表应用样式和创建导航条)
- 超全css解决方案之CSS布局
- CSS常用布局之——水平垂直居中解决方案
- Flex 布局教程:语法篇 作者: 阮一峰 日期: 2015年7月10日 网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + po
- CSS ie6中双倍margin解决方案