标签宽度适合的标签文本

Question

我想使标签宽度适合标签文本宽度。当我更改标签文本时，标签宽度必须更改。创建标签时，标签宽度必须与标签文本适合

  var newP = document.createElement("label");   
 newP.style.cssText = 'color:' + $("#renk").val() + ';white-space:pre-wrap;display:block;overflow:auto;font-size:' + $("#font").val()+'px';

Answer 1

问题是，您为新创建的HTML元素（标签）赋予了{display：block}属性，该属性将始终采用全宽。删除它，默认情况下<label>是一个内联元素，因此不会有任何问题。

label{background: red;}

<label>Hello...</label>
<label>Hello...Good Morning ...</label>