Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何移动';什么是内联文本?_Css_Image_List_Position - Fatal编程技术网

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;
    }