html - 如何为CSS中的文本设置特定的像素或字符宽度限制

我试图在html行中设置一组特定的字符或像素宽度限制。
我有一个javascript，它从数组中提取一个单词来填充行中的第二个单词，这取决于页面加载的国家/地区-但是如果sting较长，则行将换行，有时不会换行。
代码是这样的

<p> Hello <span class="set-width"> $WORD-FROM-JS </span>, how are you ? </p>

例子

<p> Hello <span class="set-width"> Germany</span>, how are you ? </p>

如何将“设置宽度”配置为100px或10个字符，使文本的长度相同；

Hello Germany, How are you ?
Hello   USA  , How are you ?
Hello  India , How are you ?
Hello  Korea , How are you ?
Hello Afghans, How are you ?

谢谢

最佳答案

为此，可以为set width类提供以下属性：

display: inline-block;
width: 100px;
text-align: center;

上述属性的组合将使浏览器威胁元素，使其像按钮或图像一样与文本一起流动，然后浏览器将使其精确到100px大，并使用文本对齐属性将文本居中。

关于html - 如何为CSS中的文本设置特定的像素或字符宽度限制，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34534729/