jQuery UI-图标对齐 [英] jQuery UI - icon alignment

问题描述

在下面的示例中，我试图使文本，输入框和图标对齐，而不会出现重叠.

In the following example, I'm trying to get the text, input box and icon to align without over lapping.

http://jsfiddle.net/zGZM7/2/

我缺少一些CSS吗?

谢谢

编辑，可悲的是，我需要一个可以与FF和IE6配合使用的解决方案:(

Edit, sadly I need a solution which will work with FF and IE6 :(

推荐答案

您的小提琴中有很多不相关的CSS，并且唯一的相关位没有被调用，因为在您的示例中它必须在ul下ID为#icons.使用以下命令删除ul#icons:

You have a lot of irrelevant CSS in your fiddle and the only relevant bit isn't getting called as it in your example requires to be under a ul with id #icons. Removing the ul#icons with the following:

.ui-icon {float: left; margin: 0 4px;}

应该按照您的描述进行操作.

Should make it work as you described.

示例:
http://jsfiddle.net/niklasvh/kTFw7/

这篇关于jQuery UI-图标对齐的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！