0

我无法让图标与文本对齐这里是小提琴:jquery 手风琴

我对其余的代码感到满意,只需要将图标排列起来,我已经尝试定位使用 jquery 中的图标创建的跨度标签,但无济于事,我错过了什么。

4

3 回答 3

1

在此处更改display: blockdisplay: inline-block

#helpmenu h3 a {  padding-right: 5px; color: #666; display: inline-block;  padding-top: 8px; padding-bottom: 8px; text-decoration: none; padding-left: 18px;}

并且还删除padding-left. 此外,将其用于 IE 7 兼容性:

*display: inline; *zoom: 1; /* Display Inline Block in IE 7 */

更新小提琴:http: //jsfiddle.net/kZkTV/3/

于 2012-06-27T08:55:36.037 回答
0

http://jsfiddle.net/kZkTV/2/

我改为#helpmenu h3 a改为display: inline-block并添加了vertical-align: middle. 除非您需要支持非常旧的 IE 版本,否则这应该可以工作。

您可能还想对这里或那里的填充做一些小的更新,尤其是:first-child(一个 CSS2 伪类)。

于 2012-06-27T08:57:08.430 回答
0

您应该向左浮动图标。这样他们就不会影响 a. http://jsfiddle.net/kZkTV/4/

.closedacc { background: url(http://www.somesite.com/dataimages/static/faq/menuarrow-blue.jpg) no-repeat 0 9px; padding-top: 2px; padding-botttom: 2px;  padding-left: 18px; float: left; width: 16px; height: 16px;}
于 2012-06-27T08:57:39.997 回答