无法在这个位置找到: head2.htm
当前位置: 建站首页 > 新闻 > 公司新闻 >

img标识在div中水准竖直垂直居中 vertical

时间:2021-03-29 19:22来源:未知 作者:jianzhan 点击:
img标识在div中水准竖直垂直居中 vertical-align: middle失效处理方式 近期升级 237第一种方法: text-align:center; vertical-align:middle;最关键,一定要 span /span div{ text-align: center; vertical-align:middl
img标识在div中水准竖直垂直居中 vertical-align: middle失效处理方式

近期升级 237

第一种方法: text-align:center; vertical-align:middle;

最关键,一定要  

span /span

div{
 text-align: center;
 vertical-align:middle;width: 400px;
 height: 400px;
 border: 1px solid #000;
 }
 img{vertical-align: middle}
 span{height: 100%;vertical-align: middle;display: inline-block}

div  >

第二种方法  根据设定img为肯定精准定位,处在竖直和水准50%,随后平移本身宽高的50%

div{ 
 position: relative; 
 width: 400px;
 height: 400px;
 border: 1px solid #000;
 }
 img{
 position: absolute;
 top:50%; 
 left:50%;
 transform: translate(-50%,-50%);
 }




此表格仅用以商品及服务售前服务资询(您还可以拨通转2)
若有售后服务技术性资询,请递交订单 (责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: ajaxfeedback.htm
栏目列表
推荐内容


扫描二维码分享到微信

在线咨询
联系电话

400-888-8866