如何使用 javascript 或 jquery 定位 div？答案

【问题标题】：how to positioning the divs using the javascript or jquery?如何使用 javascript 或 jquery 定位 div？
【发布时间】：2014-11-25 20:17:15
【问题描述】：

我有以下代码。我需要定位 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'
}

我需要将 innerdiv 定位在画布元素周围。假设如果我将位置底部放在画布元素下方，并且应该水平居中对齐。如果我给出正确的位置，则内部 div 应该在画布的右侧，并且应该垂直居中对齐。我将属性位置赋予脚本。我通过 CSS 在 JavaScript 中尝试了很多。假设如果外部 div 中没有空格，则内部 div 文本需要用 ...(dots) 缩小。请帮帮我..

【问题讨论】：

标签： javascript jquery html css canvas

【解决方案1】：

你可以像这样设置css属性

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

【讨论】：

我需要的是“外部” div、画布元素和“内部” div 所需的 css 来满足我的要求..

【解决方案2】：

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

【讨论】：

是的，我知道如何添加 CSS 属性。我只是想要获得我的要求所需的所有 css 属性......