html - 如何在 flexbox 的子元素中对齐(居中)文本

Question

.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/

Answer 1

除非我误会你，否则这只是:

div {text-align: center}