flexbox - 右對齊

2016-01-30 210 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

相關問題

1. Css Flexbox導航欄右對齊
2. 對齊項目右側的Flexbox的
3. 右對齊一個元素INSIDE FLEXBOX DIV？
4. 在一行中使用flexbox，左對齊和右對齊元素
5. 對齊Flexbox的
6. 對齊flexbox底部
7. Flexbox對齊底部
8. flexbox，這有2項左對齊，第三右對齊，綿延容器
9. 如何使用Flexbox居中對齊一個Flex項目並右對齊另一個使用Flexbox
10. 將導航項右對齊