CSS填充和边距不起作用
我对以下代码有问题。我无法从顶部向下填充徽标(x12creatiΩns)。我已经尝试了上面提到的CSS填充和边距不起作用,css,Css,我对以下代码有问题。我无法从顶部向下填充徽标(x12creatiΩns)。我已经尝试了上面提到的top:10px,但是没有任何效果 HTML 因为a是一个内联元素,所以必须添加display:block然后您可以添加边距和填充 因为a是一个内联元素,所以必须添加display:block然后您可以添加边距和填充 试着脱下a 像这样 #logo:hover{} 或者如果你需要访问锚,试试这个 #logo a:hover{} 试着脱下a 像这样 #logo:hover{} 或者如果你需要访问锚
top:10px
,但是没有任何效果
HTML
因为
a
是一个内联元素,所以必须添加display:block代码>然后您可以添加边距和填充 因为a
是一个内联元素,所以必须添加display:block代码>然后您可以添加边距和填充 试着脱下a
像这样
#logo:hover{}
或者如果你需要访问锚,试试这个
#logo a:hover{}
试着脱下a
像这样
#logo:hover{}
或者如果你需要访问锚,试试这个
#logo a:hover{}
将display:inline block
添加到a#logo
——然后可以使用边距/填充
a#logo {
text-decoration: none;
color: black;
display: inline-block;
margin-top: 20px
}
将display:inline block
添加到a#logo
——然后可以使用边距/填充
a#logo {
text-decoration: none;
color: black;
display: inline-block;
margin-top: 20px
}
将display:inline block
添加到您的span#logo
声明中,只需添加一些上边距就可以了。而且,你重复你的“logo”ID两次;一旦进入span
标签,再进入logoa
标签,这将无法验证。将显示:内联块
添加到span#logo
声明中,只需添加一些上边距,就可以了。而且,你重复你的“logo”ID两次;一旦进入span
标记,再进入logoa
标记,这将无法验证。错误-内联元素可以有填充,并且此处没有任何边距。当然,内联元素可以有填充,但不会占用更多空间。除非有背景或边界,否则无法注意到。如果您计划使用填充来移动内联元素的感知位置,那么它将不起作用。错误-内联元素可以使用填充,并且此处没有应用任何边距。当然,内联元素可以使用填充,但不会占用更多空间。除非有背景或边界,否则无法注意到。如果您计划使用填充来移动内联元素的感知位置,那么它不会起作用。最好使用类而不是ID。如果您要为特定的div使用Javascript,则只能使用ID。对于您的问题,您还可以将徽标放置在div中,为div指定特定的宽度和高度,并更改边距。@45808:虽然您的注释没有错误,但它肯定太宽,可能会产生误导。使用id
而不是class
与getElementById
的便利性无关(假设这正是您所指的)。@45808:违背了在CSS中使用id选择器的目的,不是吗?最好使用类而不是id。如果您要为特定的div使用Javascript,则只能使用ID。对于您的问题,您还可以将徽标放置在div中,为div指定特定的宽度和高度,并更改边距。@45808:虽然您的注释没有错误,但它肯定太宽,可能会产生误导。使用id
而不是class
与getElementById
的便利性无关(假设你指的就是这个)。@45808:违背了在CSS中使用id选择器的目的,不是吗?