初学前端老哥们帮忙看看

咋让东西放在框框里面

不感兴趣

开通SVIP免广告

用的flex布局

学完vue放弃了本地二线城市一个面试都没全是送达已读不回不想去外地

用了margin的方法，各位大佬们有啥更好的方法求求

flex布局更好用啊，上下居中就行了

align-item：center

不感兴趣

开通SVIP免广告

你这图标比框框还大，而且你用margin外边距怎么写，图标应该在框里面然后用flex垂直居中，或者用padding

.contioner{
display: flex;
background-color: rgb(255, 255, 255)
box-sizing:border-box;
/*padding-top: 0.24rem;
padding-bottom: 0.24rem;
padding-left: 0.24rem;
padding-right: 0.24rem;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
border-top-left-radius:0.24rem;
border-top-right-radius:0.24rem;
border-bottom-left-radius:0.24rem;
border-bottom-right-radius:0.24rem;
border:solid;*/
align-items:center;
border:solid;
height:85px;
width:360px;
margin-top:80px;
border-radius:10px;
border-color:white;
background-color:white;
}
.item{
height: 43.1979px;
width: 43.1979px;
flex:auto;
transform:scale(0.5);
display: inline-block;
padding-bottom: 10px;
text-align: center;
margin-bottom: 30px;
}
.all{
width: 500px;
height: 500px;
background-color: red;
display: flex;
justify-content: center;
}

l">
<div class="contioner">
<div class="item a1">
<img class="" src="./1.png" alt="" />
<span class="text">天猫超市</span>
</div>
<div class="item a4">
<img class="" src="./2.jpg" alt="" />
百亿补贴
</div>
<div class="item a2">
<img class="" src="./3.jpg" alt="" />
进口超市
</div>
<div class="item a3">
<img class="" src="./4.jpg" alt="" />
上榜好物
</div>
</div>
</div>
<body>

为啥这样也能垂直居中啊我有点迷糊了

设置了align-items:center会下沉？

不感兴趣

开通SVIP免广告

楼主直接把你素材给我我帮你看

扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频！

1 2 下一页尾页
44回复贴，共2页
，跳到页

<<返回前端吧

分享到:

日	一	二	三	四	五	六