jQueryUI 图标中是否存在 CSS 错误答案

【问题标题】：Is there a CSS bug in jQueryUI iconsjQueryUI 图标中是否存在 CSS 错误
【发布时间】：2011-08-09 16:57:32
【问题描述】：

我使用了此页面使用的标记jQueryUI Theme Roller，右下侧边栏有ui-state-error css 类。标记如下所示

<div class="ui-state-error ui-corner-all"> 
<p><span class="ui-icon ui-icon-alert"></span> 
<strong>Alert:</strong> Sample ui-state-error style.</p>
</div>

但令我惊讶的是它看起来不一样，图标落在它自己的行上[可能是因为它的显示是blocked]。现在这是一个已知的 css 错误还是有意的。如果是这样，我可能的解决方案是什么，一直浮动这些 ui-icon 元素？？

我不能把它放在 jsfiddle 上，但 JsBin 确实在这里工作是链接Edit the Example on JsBin

【问题讨论】：

把你的代码扔到 jsfiddle 让我们看看。
@Babak 添加了 jsbin 的链接进行编辑

标签： jquery asp.net css jquery-ui css-float

【解决方案1】：

据我所知，这不是一个错误，我的做法是这样的：http://jsbin.com/agagep/5/（用 jquery 编写了 css，但实际上在 css 文件中有类似的东西），即使我们希望这样做像这样并不意味着每个人都想要它，它让设计师可以更好地控制正在发生的事情。

【讨论】：

我投了你一票，因为禁用了 javascript，它将无法工作，但由于 CSS 解决方案，max4ever 的解决方案会起作用

【解决方案2】：

要使图标停留在文本中间尝试添加

.ui-icon-fix-by-max
{
    display: inline-block;
    vertical-align: text-bottom;
}

【讨论】：

在跨浏览器工作时我会怀疑inline-block 的有效性
你用另一个来支持你的答案，现在肯定可以解决问题，但这不是永久的解决方案。我要去问问灯丝组这个问题

【解决方案3】：

不知道jquery ui 主题是否有bug。但我知道，如果它们没有完成，它们看起来并不那么好。你可以看看这个很棒的 jquery ui 主题主题：http://www.warfuric.com/taitems/demo.html 并在此处下载 https://github.com/taitems/Aristo-jQuery-UI-Theme

不要真正回答这个问题，但也许对你有用。

【讨论】：