分享css处理浏览器兼容问题上的小技巧（4）
作者：jacky 来源：aliued.com 发布时间：2008-02-03 14:41:00
标签：浏览器,兼容,标准,css
D: 如何让图片在div里左右居中，上下居中
如下图1， 我们要让图片在IE6，IE7和firefox下图片相对div左右居中，上下居中来显示如图2，这是众多设计师可能都要面对要解决的问题，因为这种方式我们经常要用到。这里把解决的方法分享给大家，要想让图片左右对齐，我们可以在div里写入”style:text-align:center;”,左右居中问题好解决，现在看一下，IE6,IE7和firefox里，图片都已经是左右居中了，技术的难点是如何让图片在三个浏览器垂直居中。
大部分人可能会考虑使用vertical-align:middle来使图片居中，加上去看看没有出现效果，这里我们针对图片设置如下代码：style=”_margin-top: expression(( 300 - this.height ) / 2);发现在IE6下效果实现了，再看看IE7和firefox, 没有变化，这里我们针对IE7和firefox来设置，在div里写入line-height:300px;vertical-align:middle,发现IE7这时候也有效果了，这里的line-height:300px;是根据div的高度定的，如果div的高度为100px,则这里设置line-height:100px,这里我们设置为300px。那么，这时候IE解决了，看一下firefox图片还没垂直居中，再对div增加样式:display:table-cell,现在再看看firefox也好了。
图1
图2
参考代码：
< div style=”width:300px;height:300px;text-align:center;vertical-align:middle;line-height:300px;border:1px solid #ccc;display:table-cell”>
< img src=”aaaa.jpg” mce_src=”aaaa.jpg” style=”_margin-top: expression(( 300 - this.height ) / 2);” />
< /div >
0
投稿猜你喜欢
前言web是一个开放的平台，这也奠定了web从90年代初诞生直至今日将近30年来蓬勃的发展。然而，正所谓成也萧何败也萧何，开放的特性、搜索引- Go 语言的 sync 包提供了一系列同步原语，其中 sync.Cond 就是其中之一。sync.Cond 的作用是在多个 goroutin
- 什么是 Python？自20世纪90年代初Python语言诞生至今，它已被逐渐广泛应用，Python 已然成为最受欢迎的程序设计语言之一，特
- 本文实例为大家分享了JS实现九宫格抽奖的具体代码，供大家参考，具体内容如下上代码：<div class="wrapper&q
- 想买mate40，但总是抢不到，所以想试着能不能写个脚本代码。第一步：把想要抢购的商品加进购物车，注意：脚本是对购物车内全部商品进行下单操作
- 人脸美白原理人脸美白原理说透了，就是一种图像的颜色空间处理，所以我们需要通过颜色空间进行设计。不过，我们先来参考以下PS对于图像美白的处理步
- 本文实例讲述了python异常处理、自定义异常、断言原理与用法。分享给大家供大家参考，具体如下：什么是异常：当程序遭遇某些非正常问题的时候就
- 目录mysql主从复制mysql主从复制的方式mysql主从复制的原理mysql的主从配置的具体实现方式1、 Master配置2、 Slav
- Go 语言中 goroutine + channel 通过通信的方式来共享内存，从而实现并发编程。但同时 Go 也提供了传统通过共享变量，也
- 1.java连接Oracle数据库使用以下代码三个步骤：下载ojdbc.jar包并导入项目中。将下面的代码放在你觉得它应该在的地方。修改代码
- 在使用ros的时候经常会用到rosbag来录制或者回放算法，是个非常有用的工具。rosbag 命令列表命令作用record录制一个包，并且指
- FastApi快速构建一个web项目已经使用FastApi很久了。这个一个非常优秀的框架。和flask一样能够快速构建一个web服务。开发效
- 通常，会话管理是通过服务器将 Session ID 作为一个 cookie 存储在用户的 Web 浏览器中来唯一标识每个用户会话。如果浏览器
- SQL Server代理服务无法启动问题的确很让我们头疼，下面就为您介绍SQL Server代理服务无法启动的处理方法，希望对您能有所帮助。
- 所以就怀疑是否编码问题，或者文件权限问题，或者是不是函数不支持问题，经过排查发现原来是万网的L1主机不支持fsockopen，在文件uc_c
- 一般而言下面的就可以完成需求了。def convertToDic(data): jsonDic=json.loads(data) retur
- declare @id
- 搜狗（目前好用，免费）def textToAudio_Sougou(message, filePath): &n
- 有的时候需要将两组数据，比如特征和标签放在一起随机打乱， 但是又想记录这种打乱的顺序，那么该怎么做呢？下面是一个很好的方法：b = [1,
- 如下所示：<select id="host_list" name="host_list" mu
