html让没有宽高限制的图片居中

1、要想让图片左右对齐，我们可以在div里写入"style:text-align:center;"代码来实现。

2、要想使图片居中，多数人可能会考虑使用"vertical-align:middle"代码。这样加上后发现却没有出现效果。

　　IE、firefox浏览器的逐步解决方法：

　　1）在div里写入"line-height:300px; vertical-align:middle"，发现IE7这时候也有效果了。
　　但firefox,360图片还没垂直居中。

　　（这里的"line-height:300px"是根据div的高度确定的。）

　　2）再对div增加样式："display:table-cell"，现在看看firefox也好了。

3、还有ie6 。

    加入 *font-size:85px, 实现ie6下图片的居中，字体大小以居中对齐为准;
　　

 

举例代码：
　　< 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”  />
　　< /div >

转载于:https://www.cnblogs.com/swinm/p/3474417.html