建站专家,专业网站建设 为客户创造互联网时代新价值
网站没有访问量?网站没有排名?创意网络来帮您!
专注于推广营销型企业网站建设,让您的网站“活”起来!

在线咨询
经济型网站1500元 标准型网站2500元 商务型网站3500元 定制型网站
行业资讯 技术支持 编程技术 优化技术 建设文摘 营销技术 建设帮助
国内虚拟主机 香港虚拟主机 美国虚拟主机
服务项目
企业网站解决方案企业网站解决方案
打造企业品牌形象,建立企业网络平台,提供全方位的企业网站建设一条龙服务。
企业网站优化推广方案企业网站优化推广方案
专业的SEO服务,网站优化,排名提升,为企业创造更多的商机。
域名主机租用服务域名主机租用服务
稳定的DNS服务器,24小时不间断监控,为您保证稳定、高速的网站运作环境。
搜索引擎化化SEO
我要新建网站
番禺网站建设为您建立一个能不断为您带来新客户的网站[了解详情]

改版我的网站
网站改版可以带来优质的用户体验,增加网站优化细节
[了解详情]
番禺网站建设教您如何解决CSS图片垂直居中的问题
    相信大家在学习CSS的时候,都会遇到图片垂直居中的问题难以控制,因为在CSS中没有独立的控制语句,如果是应用了表格,那么设置单元格为align="center"就可以使其中的一切内容居中。如果没有应用表格要想设置图片居中就有点困难了。困难来自不按"常规出牌"的浏览器。按照CSS标准,只要设置了图片容器的CSS属性为 display:table-cell;vertical-align:middle;text-align:center;就可以使图片居中了。这个方法在Firefox Chrome Opera Safari都生效,因为它们是标准浏览器。而在IE中就是不行,IE它最牛了。以下是通过IE hack解决这个问题的方法:

<style>
     .box {
     /*非IE的主流浏览器识别的垂直居中的方法*/
     display: table-cell;
     vertical-align:middle;

     /*设置水平居中*/
     text-align:center;

     /* 针对IE的Hack */
     *display: block;
     *font-size:175px;/*约为高度的0.873,200*0.873 约为175*/
     *font-family:Arial;/*防止非utf-8引起的hack失效问题,如gbk编码*/

     width:200px;
     height:200px;
     border: 1px solid #eee;
     }
     .box img {
     /*设置图片垂直居中*/
     vertical-align:middle;
     }
</style>

    以上方法,都是经过番禺网站建设测试过的,并且做了相应的注解,希望对大家有用。


资料来源:创意设计工作室 http://www.py162.com,转载请注明出处!
  • 相关文章
  • ·又是一个兼容性的问题:IE和Firefox下解决自适应高度的问题
  • ·JS广告代码之对联式
  • ·无组件上传程序出现“不能调用binaryread”错误提示的原因
  • ·说说如何解决网站图片盗链的问题
  • ·番禺网站建设教你用ASP得到当前页面完整地址
  • ·所有记录中均未找到搜索关键字的解决办法
  • ·如何解决网页打开速度慢的问题,这也是网站优化的基本
  • ·番禺网站建设教大家用letter-spacing调整字间距
  • ·番禺网站建设教你三招防SQL注入
  • ·番禺网站建设介绍网站被挂马解决技巧
  • ·用JS获得网址的域名
  • ·IE6重复文字和文字溢出
  • 网友评论
    用户名: