相关疑难解决方法(0)
居中和右对齐flexbox元素
我想有A B和C中间对齐.
我怎样才能D完全走向正确？
之前:
后:
这样做的最佳做法是什么？
ul {
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
li {
display: flex;
margin: 1px;
padding: 5px;
background: #aaa;
}
li:last-child {
background: #ddd;
/* magic to throw to the right*/
}<ul>
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
</ul>94
推荐指数
推荐指数
4
解决办法
解决办法
4万
查看次数
查看次数
居中和底部对齐弹性项目
我有一个Flex容器(蓝色方块),具有以下属性:
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
因此,它的孩子(浅蓝色方块)如下所示排列自己.但是,我想在正常流程中添加另一个子项(绿色方块)并将其相对于其父项定位.要定位它,你看到下面,我非常喜欢写东西bottom: 20px;和margin: auto;.
我试着玩弄z-index无济于事.我该怎么做呢？我应该求助于创建另一个父元素吗？
25
推荐指数
推荐指数
1
解决办法
解决办法
3万
查看次数
查看次数