如何对齐内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，就孩子的（中心）文本

回答

相关问题