javascript - 如何使div中的文本自动修复？

Question

我试图让 div 中的文字自动适应 div 的大小。如果 div 很小，div 中的文字应该缩小以容纳 div。如果 div 很大，div 中的文字应该拉伸(stretch)以适应 div。我将如何做到这一点？谢谢。

#hello {
width: 50px;
height: 50px;
border: 1px solid black;
}

<div id = 'hello'>
Hello Hello Hello Hello Hello Hello Hello Hello Hello
Hello Hello Hello Hello Hello Hello Hello Hello Hello
Hello Hello Hello Hello Hello Hello Hello Hello Hello
Hello Hello Hello Hello Hello Hello Hello Hello Hello
Hello Hello Hello Hello Hello Hello Hello Hello Hello
</div>

Answer 1

使用，css属性:

text-align: justify;
text-justify: inter-word;

片段:

#hello {
  width: 200px;
  border: 1px solid black;
  text-align: justify;
  text-justify: inter-word;
}

<div id='hello'>
  Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello
  Hello Hello Hello
</div>