javascript - 根据框宽显示数组中的数据

Question

我有一组要显示在宽度为 500px 的框中的项目。假设数组是 [john, johnbbab, johnabraham]，如果文本溢出，我需要显示完整的字符串或相应地给出省略号。例如：如果盒子不能容纳第二个项目，即 johnbbab，则盒子的内容将看起来像 [john, ...]。

我面临的问题是确定如何根据文本的宽度来呈现它，假设字体大小为 10px。

PS：需要做的是Javascript

标签： javascriptstring

Answer 1

哼，你不能把这些名字放在一个班级里吗？这样，您可以遍历所有内容并计算它们的宽度之和。您可以检查总和是高于还是低于父级，并在需要时进行更改。

无需知道字体大小或框的宽度。