javascript - jquery ui 弹跳效果导致元素错位

标签 javascript jquery html css jquery-ui

我想创建弹跳效果,但是当我将鼠标悬停在该区域时,元素会错位。我如何确保他们保持一致?

像这样连续三个图标

  %span
    =link_to image_tag("icons/github_alt.svg", class: '')
  %span
    =link_to image_tag("icons/last.fm.svg", class: '')
  %span  
    =link_to image_tag("icons/soundcloud.svg", class: '')

http://jsfiddle.net/tkn02tut/

谢谢

最佳答案

试试

span.social_icon {display:block; float:left; margin: 5px;}

http://jsfiddle.net/alemarch/tkn02tut/1/

这是?

关于javascript - jquery ui 弹跳效果导致元素错位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27218843/

相关文章:

javascript - JSON.解析 : unexpected character at line 1 column 1 of the JSON data

jquery - Simplemodal - 如何在 onShow 函数中将焦点设置在元素上

jquery - 我如何处理网页和移动浏览器上的滚动?

javascript - 多个状态按钮 - 背景颜色

javascript - jQueryUI - 将可拖动元素移回原始位置,即使在放入可放置元素后也是如此

jquery - Ajax 加载 - 多个容器

html - IE 10 图像不显示

html - 在html中使用css使用图像创建菜单

javascript - 与 C 中的相同值相比,为什么 Javascript 的 Math.pow() 似乎返回一个舍入值?

javascript - 这在 Coffeescript 中意味着什么?