Question

实际上我是网页设计的新手，我将建立自己的社交网络，并且我正在使用Angelsmood.com music social network的惊人布局。

除了我不能在正确的地方放置“注册”按钮外，设计一切正常;它的右侧有很多余量。问题是我的CSS代码没有余量。这是我的代码：

<div id="header_register">                  
    <a href="~/register/">Sign Up</a> 

    <div>
    Artists and their true fans are human angels.
    Find them, connect with them and become one of them.
    </div>

</div>

这是CSS：

#header_register {
position: relative;
font-size: 12px;
}

#header_register a {
display: block;
height: 30px;
line-height: 30px;
background: ##810101;
color: #fff;
font-weight: bold;
font-size: 14px;
float: left;
text-decoration: none;
border: 1px #508F54 solid;
}

请帮我解决这个问题。

Answer 1

我做了一个小提琴，并试图根据你给我们的信息尽我所能解决你的问题。

jsfiddle

我做的事情......把你的line-height拿出来并移动了div之后的链接，所以你没有必要使用它......然后我margin: 0 auto将{<a>居中1}}标签。

而不是float: left;

我把它添加了width <a>标记的{{1}}，因此它没有跨越屏幕的宽度。

如果你需要这个以我说明的不同方式运作，我会告诉你我发布的小提琴。

将按钮放在我的页面中

1 个答案: