是否可以在HTML中设置标签的最大宽度？

Question

我希望HTML中的标签最大宽度为100px,如果此标签的文本长度超过100px则会被切断.一个完美的结果将是一个削减,最后一些点"..".

我有:

<label> This is some long text on my website </label>

期望的结果将是这样的:

这是一些...

单独使用CSS是否可行？首先,如果它只在最后被削减,那就没关系.先感谢您!

我试图在CSS中将宽度设置为100px,但这只会改变标签的背景颜色而不是文本的大小.

Answer 1

label {
  width : 130px;
  overflow:hidden;
  display:inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}

<label> This is some long text on my website </label>