如何對齊內Flexbox，就孩子的（中心）文本

.cnt { 
 
    display: flex; 
 
} 
 

 
.one { 
 
    background: #ff0000; 
 
    width: 300px; 
 
} 
 

 
.two { 
 
    background: #00ff00; 
 
    flex: 1; 
 
}

<div class="cnt"> 
 
    <div class="one"> 
 
    Center me 
 
    </div> 
 
    <div class="two"> 
 
    And me 
 
    </div> 
 
</div>

是否有實際的方法嗎？當然，我可以在裏面添加另一個div，並按照我喜歡的方式進行設置，但我希望它更加優雅......所以，實際上是否可以在不使用其他div的情況下水平對齊該文本？

https://jsfiddle.net/cwfs3b0x/

來源

2017-03-15 mizzo

'的text-align：center' ????你嘗試過什麼嗎？ https://jsfiddle.net/cwfs3b0x/1/ – DaniP

[Flexbox：水平和垂直中心]的可能重複（http://stackoverflow.com/questions/19026884/flexbox-center-horizontally-and-vertically） – balintpekker

謝謝人們，我只是一個白癡：D – mizzo

除非我誤解你，這就是：

div {text-align: center}

來源

2017-03-15 19:55:12 mayersdesign

沒問題:)有時事情似乎比他們更復雜哈哈，如果它幫助你，你可以接受答案。 – mayersdesign

是啊，我知道:)在一分鐘內它會允許我接受 – mizzo

如何對齊內Flexbox，就孩子的（中心）文本

回答

相關問題