要素内のテキストの単一行を強制的にCSSで幅を埋める

Question

1行のテキストを保持するdiv要素があります。このテキストを取得して幅を100％埋めるにはどうすればよいですか？

text-align:justifyは、複数行のテキストを持つ要素でのみ機能し、単一行のdivには影響しません。文字間隔と単語間隔を手動で調整するのはくて効果がありません。

他の選択肢はありますか？

Answer 1

これを試して：

div {
  text-align: justify;
}

div:after {
  content: "";
  display: inline-block;
  width: 100%;
}

jsFiddle

詳しくは こちら をご覧ください。