html - 标签宽度适合标签文本

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';

标签： htmldom

Answer 1

问题是您已将 {display: block} 属性赋予新创建的 HTML 元素（标签），该元素将始终占据全宽。删除它，默认情况下<label>是一个内联元素，所以你不会有任何问题。

label{background: red;}

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