Css 如何移动';什么是内联文本?
我有以下资料:Css 如何移动';什么是内联文本?,css,image,list,position,Css,Image,List,Position,我有以下资料: <li><a class='disabled' ><img src='../../Content/Icons/home.png' />Home</a></li> img { padding-top: 6px; margin-right: 4px; } 图像向下移动,但文本也向下移动 有没有一种方法可以在不移动文本的情况下为图像添加填充或边距 请注意,我已经使用设置(并更改)背景色,因此我需要使用img标记 像这样的?
<li><a class='disabled' ><img src='../../Content/Icons/home.png' />Home</a></li>
img { padding-top: 6px; margin-right: 4px; }
图像向下移动,但文本也向下移动
有没有一种方法可以在不移动文本的情况下为图像添加填充或边距
请注意,我已经使用设置(并更改)背景色,因此我需要使用img标记 像这样的?
html:
您可以使用:
img {
margin-right: 4px;
position: relative;
top: 6px
}
这只会将
img
从原来的位置向下移动6px
。您也可以给出a{
float:left;
}
(我不会考虑图像中令人讨厌的6px——上面提到的三十八点)我已经使用背景图像来设置颜色。我希望我能用这个,但我不能。这就是我选择使用img的原因。很抱歉没有把这个放在邮件里。我现在更新了我的问题。@Marie,使用颜色和图像有什么问题?哦,我想是一个还是另一个?
img {
margin-right: 4px;
position: relative;
top: 6px
}
a{
float:left;
}