css 标题文字前面加小图标，如何使它们不错位？

2024-11-25 02:45:20

推荐回答（5个）

回答1：

两种方法：
一、把小图片当做h3的背景来调即：
.menubar h3{font-size: 14px; font-weight: bold; text-align: left; margin:0;background:url(123.jpg) no-repeat left center;padding-left:图片的宽度;}；
二、加上使图片绝对居中；
推荐第一种情况，如果别的地方还有要使用这个图片的话；

回答2：

解决办法，就是把图片的位置和标题的位置放在一个样式控制。
示例代码如下：

菜单标题

.h3{background:url(123.jpg) no-repeat 4px 6px;line-height:25px;font-size: 14px; margin:0; }

回答3：

把图片当成h3的背景，给h3加个适当的padding,让小图片能显示出来，然后用背景定位控制吧，这样好弄些。

回答4：

设为auto .还有两种方法：
一、把小图片当做h3的背景来调即：
.menubar h3{font-size: 14px; font-weight: bold; text-align: left; margin:0;background:url(123.jpg) no-repeat left center;padding-left:图片的宽度;}；
二、加上使图片绝对居中；
推荐第一种情况，如果别的地方还有要使用这个图片的话

回答5：

有没有代码，这个错位的原因太多了。。。div高度啊，或者div行不兼容（我自己起的名字。。。）