在html中最常用的功能也是最常见的问题就是图片在div中垂直水平居中问题。
当然水平居中很好办了,div下text-align:center就搞定了,当然前提是图片没有绝对布局。
现在越来越讲究响应式布局,屏幕适配。要求图片的宽高未知,div为全屏大小,横竖屏适应居中
下面就说博主亲测有效的一个方法
html 结构
<div class= "img_frame" id ="img_frame">
<div class= "center_tool"></div >
<img class= "image_large" src ="test .jpg">
</div>
css 结构