Css jQueryUI'；盲人'；效果在设置动画时引入打断页面流

我有一个任意数量的链接，每个链接都被设计成一个引导按钮，在一个具有普通的从左到右流的div中

<div id="btngrp">
  <a href="#" class="btn" id="btn_1">Troll 1</a>
  <a href="#" class="btn" id="btn_2">Troll 2</a>
  <a href="#" class="btn" id="btn_3">Troll 3</a>
  <a href="#" class="btn" id="btn_4">Troll 4</a>
  <a href="#" class="btn" id="btn_5">Troll 5</a>
</div>

我怀疑盲效应引入了一些带有

display

类型的包装元素，该类型不是

inline

，但我不知道如何修复它

---

这里有一个jsFiddle说明了这个问题：

是的，你是对的：它添加了一个div，其中有display:block，其余的按钮是inline block。尝试将此添加到CSS中：

#btngrp .ui-effects-wrapper { display: inline-block; }

---

这是最新的提琴：

我喜欢事情有简单解决方案的时候：）

#btngrp .ui-effects-wrapper { display: inline-block; }