首页 > Web开发 > 详细

web -- CSS 图片宽高不固定的垂直居中方法

时间:2015-11-26 19:09:02      阅读:195      评论:0      收藏:0      [点我收藏+]

CSS图片宽高不固定的垂直居中方法

<style>
    body{padding:0;margin:0;position:absolute;height:100%;width:100%;}
    .demo{display:table;width:100%;height:100%;}
    .demo p{display:table-cell;vertical-align:middle;}
    .demo p img{width:100%;}
</style>
</head>
<body>
     <div class="demo">
        <p><img src="1.jpg"></p>
     </div>

</body>

原文地址链接:http://www.daqianduan.com/2733.html

web -- CSS 图片宽高不固定的垂直居中方法

原文:http://www.cnblogs.com/lianfu/p/4998503.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!