Question

我尝试使用spin.js

我希望它在div元素的中间弹出。所以我确实设置了：

职位：＆＃39;亲戚＆＃39; 顶部：＆＃39; 50％＆＃39; 左：＆＃39; 50％＆＃39;

但是顶级选项不起作用。在分析问题后，我可以将其分解为html / css问题：

<div style="background-color: red">
    <div style="position:relative; height:20px; width:20px; top:50%; left:50%; background-color:blue"></div>
    1st div line<br>br line<br>br line 2
    <div>div line 1</div>
    <div>div line 2</div>
</div>

在这个例子中，蓝色元素应该位于红色的中间，但它不是。以下是它的填充：

http://jsfiddle.net/exu77/obcg3cxv/

这是使用spin.js

的原始版本的plunker

http://plnkr.co/edit/qwjArDtnqGZQgbkQiRYt?p=preview

Answer 1

我可以通过向jsSpinner div添加高度来实现它。

<div id="jsSpinner" style="background-color:red; height: 100px;">spin in the red part
<br>br line
<br>br line 2
<div>div line</div>
<div>div line 2 </div>

至于为什么会这样？那部分我不知道。

Answer 2

position:relative必须应用于父元素，即包含微调器的div。微调器本身需要position:absolute（这是默认值）。以下是您的plunker的更新版本，其中微调框在红色框内居中：http://plnkr.co/edit/GstXJdzyDtBIyMLuzbcY?p=preview

spin.js顶部选项不起作用

2 个答案: