我刚从网页设计中断了10年。我越来越接近了解div和in的属性(那些在我的时代并不像现在那样受欢迎)。现在我试图得到这样的布局:部门对齐问题
Logo |图标股利 横幅事业部 链接事业部 内容事业部 页脚股利
我此刻的问题为中心链接事业部,这就是:
<div class="menu">
<a class="link1" href="#">Home</a>
<a class="link2" href="#">About Us</a>
<a class="link3" href="#">Services</a>
<a class="link4" href="#">Portfolio</a>
<a class="link5" href="#">Contant Us</a>
</div>
,我使用的CSS:
.menu
{
TO BE USED
}
.menu a
{
display: block;
float: left;
line-height: 144px;
margin: 5px;
opacity: 0.3;
text-align: center;
width: 144px;
}
.link1
{
background: #fdd22a;
}
.link2
{
background: #009fe3;
}
.link3
{
background: #574696;
}
.link4
{
background: #ee7202;
}
.link5
{
background: #e61c67;
}
.link6
{
background: #96c11f;
}
下面是我在做什么的示例:http://www.ragnarok.ws。
目前,我没有足够的链接(或知识)将链接与左右边距(与徽标的左侧和社交媒体图标的右侧对齐)对齐到点它看起来不是分散和愚蠢的,所以我想我的下一个最好的选择是尝试和中心链接的div。我连接的编码也有点粗糙。我还没有机会去清理。
任何建议,非常感谢。从.menu
和.menu a
和
在你的css中删除float:left; – Elle