flexbox - 右对齐

2016-01-30 169 views 2 likes

我该如何获得flexbox div的最后一些元素？flexbox - 右对齐

#wrap { 
    display: flex; 
} 
.right { 
    align-self: flex-end; 
}

下面是codepen http://codepen.io/anon/pen/OMEgJO

来源

2016-01-30 Karolina Ticha

注意，'对齐，self'一起移动柔性物品* cross axis *，在你的情况下它将是垂直的（'f lex-direction：row'）。所以'align-self：flex-end'会将项目向下移动，而不是正确的。由于您尝试将项目与*主轴上的右侧对齐，因此以下是一些选项：http://stackoverflow.com/a/33856609/3597276 –

[Right-aligning flex item？]（ http://stackoverflow.com/questions/22429003/right-aligning-flex-item） –

回答

.right { align-self: flex-end; margin-left: auto; }

保证金左：自动 应该这样做

来源

2016-01-30 09:41:40

flexbox - 右对齐

回答

相关问题