电话
13363039260
利用css flex实现垂直居中
2024-01-18 13:23 小编
把持css flex实现垂直居中。flex笼统不是实现垂直居中最佳的抉择，因为IE8,9其实不支持它。
而今，为了用flex实现垂直居中，我们起首要创设一个包裹着图片的div元素，今后给它界说一些根底属性。
如下图片img宽度为（配置为）100px，高度为100px。
HTML代码一小部分：
<div class="flexbox"> <img src="1.jpg" alt=""> </div>
CSS代码局部：
body{ background:#999}
.flexbox{width: 300px;height: 250px;bac千克round:#fff;display: flex;align-items: center}
.flexbox img{width: 100px;height: 100px;align-items: center;}猜你喜欢
联络方式：
13363039260
微信二维码 