2014-02-11 166 views
0

我正在動態添加一個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); 
+0

你的意思'行高設置CSS :1em'或更多? –

+0

您應該顯示您正在創建的HTML示例。看起來你沒有使用'label'元素來定義它的用途。你也應該描述你的意思是「可能的」(可能是「擁塞」,但這仍然沒有真正說明問題是什麼)。如果問題看起來太小,那麼這應該通過一個簡單的CSS規則來解決,比如'label {line-height:1.3}'(但標籤通常應該足夠短,分成兩行或更多行)。 –

+0

我已經標記了答案@ JukkaK.Korpela –

回答

1

你可以能夠創造的時間樣式添加特定元素。你可以指定你的風格在這裏:obj.style.cssText

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

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

您正在做的方式將刪除已存在的所有內聯樣式並應用行高。 –

+0

我認爲在這裏只有你創造的元素..然後你在哪裏添加其他內聯樣式..在這裏我沒有找到這個代碼的其他樣式 –

+0

你是對的..但OP或其他未來的讀者不知道關於這一點,可能會使用相同的。最好是增加一個類,或者提一下它會做什麼。 –

0

通過JavaScript U可以通過這個

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

更改CSS或U可以通過

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

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