2014-11-25 75 views
0

我有一個下面的代碼。我需要定位div元素。如何使用javascript或jquery定位div?

<div id="outer" style="width:300px"> 
<canvas></canvas> 
<div id="inner"> 
<div class="a"> val1 </div> 
<div class="a"> val2 </div> 
<div class="a"> val3 </div> 
<div class="a">val4</div> 
</div> 
</div> 
.a{ 
'overflow': 'hidden', 
'text-overflow': 'ellipsis', 
'white-space': 'nowrap' 
} 

我需要定位圍繞canvas元素的innerdiv。假設如果我將位置底部放在畫布元素下方,並且應該水平居中對齊。如果我給位置正確的內部div應該是正確的畫布,它應該是垂直居中alignment.i給屬性位置的腳本。我通過CSS在JavaScript中嘗試了很多。如果在外層div沒有空間內的div文本需要......(點)縮小 假設..請幫助我..

回答

0

您可以設置CSS屬性的財產以後這樣

document.getElementById("id").style.porpertyName = "value" ; 
+0

的事情,我需要的是什麼是需要的「外部」的div,canvas元素和「內部」 div來讓我的要求的CSS .. – Srinivasan 2014-11-25 12:12:51

0
var div = document.createElement("div"); 
div.style.width = "100px"; 
div.style.height = "100px"; 
div.style.background = "red"; 
div.style.color = "white"; 
div.innerHTML = "Hello"; 

document.body.appendChild(div); 

Refer This

+0

是的,我知道如何添加CSS屬性。我只想要獲得我的要求所需的所有CSS屬性... – Srinivasan 2014-11-25 12:20:08