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

时间:2016-02-17 09:50:31

标签: html css

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

我有:

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

期望的结果将是:

这是一些......

单独使用CSS是否可行?首先,如果它只在最后被削减,那就没关系。提前谢谢!

我尝试在CSS中将宽度设置为100px,但这只会改变例如标签的背景颜色而不是文字。

1 个答案:

答案 0 :(得分:6)

&#13;
&#13;
label {
  width : 130px;
  overflow:hidden;
  display:inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
&#13;
<label> This is some long text on my website </label>
&#13;
&#13;
&#13;