相关如上图:《【图片居中】图片在固定框架内 上下左右水平全部居中》【推荐】
下方是今今天要分享的图片水平垂直居中方式:
注意:本文分享的是限定图片大小的,也就是图片的宽高都在父元素尺寸之内!
<style>*{padding:0;}ul{list-style:none;}li{border:1pxsolid#ededed;margin-right:4px;}.zxx_ul_image{overflow:hidden;zoom:1;}.zxx_ul_imageli{float:left;width:150px;height:150px;text-align:center;line-height:150px;*font-size:125px;}.zxx_ul_imageli:after{content:\;vertical-align:middle;}.zxx_ul_imageliimg{vertical-align:middle;}</style><ulclass="zxx_ul_image"><li><imgsrc="/image/study/s/s128/mm1.jpg"/></li><li><imgsrc="/image/study/s/s128/mm2.jpg"/></li><li><imgsrc="/image/study/s/s128/mm3.jpg"/></li><li><imgsrc="/image/study/s/s128/mm4.jpg"/></li><li><imgsrc="/image/study/s/s128/mm5.jpg"/></li><li><imgsrc="/image/study/s/s128/mm6.jpg"/></li></ul>
图片居中方法多种多样,本文介绍的方法可以酌情考虑,但总体感觉不如相关推荐的案例!
如果觉得《CSS 图片水平垂直全部居中(图片尺寸小于块级父元素) – CSS – 前端 css气泡框》对你有帮助,请点赞、收藏,并留下你的观点哦!