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) |
织梦二维码生成器
------分隔线----------------------------