如何增加标签的宽度？

我正在动态添加一个div。它包含随机数量的数据，有时会分散在多行内。问题在于它在这种情况下变得混乱。如何增加标签的宽度？

Sample enter image description here

换句话说，我想增加标签的行距。这里是代码我加入label

var m=0; 
var ttp = document.getElementById("T_" + (m + 1)); 
var LH = document.createElement('label'); 
LH.id = "H_" + element_name + "_" + (m + 1); 
var pp = document.createElement('p'); 
pp.innerHTML = "<br>" + element_name; 
LH.appendChild(pp); 
ttp.appendChild(LH);

来源

2014-02-11 Baqer Naqvi

你的意思'行高设置CSS ：1em'或更多？ –

您应该显示您正在创建的HTML示例。看起来你没有使用'label'元素来定义它的用途。你也应该描述你的意思是“可能的”（可能是“拥塞”，但这仍然没有真正说明问题是什么）。如果问题看起来太小，那么这应该通过一个简单的CSS规则来解决，比如'label {line-height：1.3}'（但标签通常应该足够短，分成两行或更多行）。 –

我已经标记了答案@ JukkaK.Korpela –

你可以能够创造的时间样式添加特定元素。你可以指定你的风格在这里：obj.style.cssText

var LH = document.createElement('label'); 

//Code for set line height 
LH.style.lineHeight = "15px"; 
LH.id = "H_" + element_name + "_" + (m + 1);

来源

2014-02-11 05:37:27

您正在做的方式将删除已存在的所有内联样式并应用行高。 –

我认为在这里只有你创造的元素..然后你在哪里添加其他内联样式..在这里我没有找到这个代码的其他样式 –

你是对的..但OP或其他未来的读者不知道关于这一点，可能会使用相同的。最好是增加一个类，或者提一下它会做什么。 –

通过JavaScript U可以通过这个

document.getElementById("lableId").style.line-height="20%";

更改CSS或U可以通过

$('#LabelID').css('attribute','value');

来源

2014-02-11 05:38:05

这是'lineHeight'不是'行高'的JavaScript。 –

如何增加标签的宽度？

回答

相关问题