首页 > 代码库 > 图片垂直居中显示
图片垂直居中显示
说明：样式设置主要是针对图片的父级元素，并非图片元素本身。
Css代码[图片父级点的样式]：
<style>.box { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align:middle; /*设置水平居中*/ text-align:center; /* 针对IE的Hack */ *display: block; *font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/ /* 实验数据 width:400px; height:500px; border: 1px solid black;*/} </style>
Html代码：
<div class="box"> <img src="图片路径" /></div>
图片垂直居中显示
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。