标签宽度适合标签文本

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

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