Html “最好的方法是什么？”；“换行文字”；在网页上

我有一个HTML页面，在那里我列出了人们的照片和他们的名字。如果名称超过20个字符，我希望它显示在两行而不是一行上，以避免下面的人有很多空白的水平空间

---

确保做到这一点的最简单方法是什么。为了清楚起见，我不想在名称中拆分单词，而只是将单词拆分为两行。

您可以尝试将保存名称的容器的宽度设置为更小，或者添加一些填充。例如：

HTML

<div class="name">This is my name</div>

---

您需要确定名称可以采用的最大宽度。那么

.boxed-name { width: ?? px;text-align: ??; }

---

<> P>一个字符计数解决方案的主要问题是它不考虑字体族既没有字体大小。这可能导致严重的分歧。另外，如果当前字体不固定，

mmmmmmmmmmmmmm

可以长于

iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii。然后将应用标准HTML包装规则。
.boxed-name { width: ?? px;text-align: ??; }