2014-11-25 79 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