javascript - 如何使用 javascript 或 jquery 定位 div？

Question

我有下面的代码。我需要定位 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 定位在 Canvas 元素周围。假设如果我将位置 bottom 放在 Canvas 元素下方，并且应该水平居中对齐。如果我给出正确的位置，内部 div 应该在 Canvas 的右边，并且应该垂直居中对齐。我正在将属性位置赋予脚本。我通过 CSS 在 JavaScript 中尝试了很多。假设如果外部 div 中没有空间，则内部 div 文本需要缩小为...(点)..请帮助我..

Answer 1

你可以这样设置css属性

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