如何用CSS填充固定宽度的父级来证明短文本的合理性？

似乎text-align仅适用于超出该行的文本。您可以使用flexbox来解决此问题。虽然这将要求您将每个单词都包装在一个跨度中。不确定您打算在哪里使用它，但是如果它仅在一个区域中（包含6个单词），那么它可能对您有用。

<div class="parent">
  <p><span>bla</span> <span>bla</span> <span>bla</span></p>
</div>


//Mixins
@mixin flexbox($direction, $wrap, $justify, $align){
    display: flex;
    flex-direction: $direction;
    flex-wrap: $wrap;
    justify-content: $justify;
    align-items: $align;
}

.parent{
  width: 100%;
  background: #eee;
  margin-top: 20px;

  p{
    text-align: justify;
    @include flexbox(row, wrap, space-between, center)
  }
}

您可以在此处实时查看它：http : //codepen.io/anon/pen/xtLIG