<div> <img src=""> </div>
div { margin: 0px; padding: 0px; border: 1px solid red; width: 555px; height: 320px; text-align: center; /*水平居中*/ line-height: 320px; /*垂直居中,等于height,但它只是让图片的下边垂直居中*/ } img { vertical-align: middle; /*图片的中心垂直居中*/ /*图片大于父元素时,能自适应大小,前提是父元素定义过大小*/ max-height: 100%; max-width: 100%; }
相关推荐
NULL 博文链接:https://highfly-s.iteye.com/blog/1878910
CSS 实现盒子水平居中、垂直居中和水平垂直居中….docx
DIV+CSS水平 垂直居中.docDIV+CSS水平垂直居中
有时需要产品图片水平垂直居中显示,这种展示用CSS来实现又是比较棘手的一件事,我想很多前端攻程师都有研究过或者说是搜索过这些方法吧。很多网站都是使用table来实现产品图片垂直居中,实现也是相当的方便,唯一...
CSS实现完美垂直居中 - 蓝色理想
div框水平垂直居中跟内容垂直居中
图片水平垂直居中的css代码,个人随便写点,请大家不要骂我啊
div+css文本水平垂直居中,兼容ie、谷歌等浏览器
css不定宽高让盒子里的内容垂直水平居中.里面步骤都有,
div+css布局限制图片最大宽度图片水平垂直居中兼容IE6
在曾经的 淘宝UED 招聘 中有这样一道题目: “使用纯CSS实现+未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。” 当然出题并不是随意,而是有其现实的原因,垂直居中是淘宝工作中最常遇到的...
css图片垂直居中代码,超级简单,css只有二行,其中css最核心的地方用到 position,transform,解决以往代码多,或用table来居中的麻烦。
NULL 博文链接:https://zhouyao.iteye.com/blog/417432
未知大小的图片 垂直居中,水平居中,纯CSS。兼容主流浏览器。
实现图层中图片垂直水平居中,里面好多例子
在DIV中图片垂直/水平居中(最简单方法)
主要介绍了使用css实现div垂直居中的示例,需要的朋友可以参考下
NULL 博文链接:https://xdwangiflytek.iteye.com/blog/1343445
δ知大小的图片在已知容器中的垂直居中和水平居中,一直是困扰大家的问题,今天西西带给大家一个简单的实现办法,详见css文件,此代码兼容各个浏览器,源码库推荐下载!
主要介绍了CSS水平垂直居中解决方案(6种)的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧