css 如何让图片在任意大小的显示器里保持居中
请问下怎么让一张图片在任何大小的和分辨率的浏览器中保持居中效果
背景图片不用 是内容图片就是普通的图片怎么让它可以在任意的游览器下获得居中就是上下左右都是在中间页面放大或者是缩小都可以随的页面的变化而改变图片的位置一直保持上下左右居中的效果图片是固定的大小
展开
收起
1
条回答
写回答
写回答
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <style type="text/css"> <!-- body { margin:0;padding:0 } div { width:500px; height:500px; line-height:500px; /*border:1px solid #ccc;*/ overflow:hidden; position:relative; text-align:center; margin:auto } div p { position:static; +position:absolute; top:50% } img { position:static; +position:relative; top:-50%;left:-50%; width:350px; height:350px; vertical-align:middle } p:after { content:".";font-size:1px; visibility:hidden } --> </style> <div><p><img src="YourImage.jpg"/></p></div>2019-07-17 19:13:05赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
