推广 热搜: 劳务  海南  2024  合同  江苏  云南  劳务系统  2023  劳务派遣管理软件  劳务派遣管理系统 

不固定宽度和高度的图片在定宽定高的父容器中居中显示

   2024-06-12 60
核心提示:p定高定宽的图片在其父容器中定位很方便。方法也有很多。而不同高度宽度的图片在父容器中定位,结合到浏览器的兼容,首先可能会
<p>定高定宽的图片在其父容器中定位很方便。方法也有很多。而不同高度宽度的图片在父容器中定位,结合到浏览器的兼容,首先可能会想到使用表格来实现这个效果。不否认,这是针对该问题的一种解决方法。搜了下相关问题,也有很多开发人员问到不使用表格来实现这种效果。瞎折腾了一会。写了个。测试兼容IE6+,FF,Opera,Google等浏览器。代码如下:<divstyle="height:100px;width:100px;overflow:hidden;display:table-cell;text-align:center;border:solid1pxblack;vertical-align:middle;line-height:100px;"><imgsrc="../Include/Images/Userinfomation/ms_img18.gif"alt=""style="position:relative;_top:50%;_margin-top:expression(this.height/2*-1);"/></div></p>
 
反对 0举报 0 收藏 0 打赏 0评论 0
 
更多>同类资讯
推荐图文
推荐资讯
点击排行
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  粤ICP备18079127号  |  粤ICP备18079127号