gpt4 book ai didi

html - 元素未正确居中

转载 作者:行者123 更新时间:2023-11-28 11:38:46 26 4
gpt4 key购买 nike

我想要做的就是将社交媒体链接和页面中心的版权对齐。我已经尝试使用带有 0px auto 边距的中心对齐技巧。这似乎不起作用。如果您不介意解释我做错了什么,那就太好了。谢谢!CSS:

.social-slide {
height: 30px;
width: 30px;
margin: 0px 20px 0px 30px;
float: right;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.social-slide:hover {
background-position: 0px -30px;
box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}


.twitter-hover {
background-image: url(
'http://ktmf.images.worldnow.com/images/2708288_G.png'
);
}
.facebook-hover {
background-image: url(
'http://ktmf.images.worldnow.com/images/2708289_G.png'
);
}

.center {
margin:0px auto;
}

HTML:

<html>
<head>
</head>
<body>
<div class="center">
<a href="https://twitter.com/" target="_blank">
<span class="twitter-hover social-slide"></span>
</a>

<a href="https://www.facebook.com/pages/" target="_blank">
<span class="facebook-hover social-slide"> </span>
</a>
<br>
<br>

<p>© 2013 </p>
</div>
</body>
</html>

最佳答案

If you wouldn't mind explaining what it is I am doing wrong that would be great.

发生的事情是您将 div 居中,但默认情况下它将填充其父容器,在本例中是您的 <body>元素。所以,做 margin: 0px auto在那<div>将使 div 居中,但它的行为就像设置为 width:100% 一样

此外,为防止出现布局问题,您应该清除 float:right某处。

关于html - 元素未正确居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20789977/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com