如何在flexbox的子项内对齐(居中)文本

时间:2017-03-15 19:53:08

标签: html css 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>
&#13;
&#13;
&#13;

真的有办法吗?当然我可以在里面添加另一个div并按照我喜欢的方式设置它,但是我希望它更优雅...那么,实际上是否可以水平对齐此文本,至少不使用其他div?

https://jsfiddle.net/cwfs3b0x/

1 个答案:

答案 0 :(得分:0)

除非我误解你,否则这只是:

div {text-align: center}