Question

旨在：段落和“链接按钮”之间的垂直间隙。

我似乎可以将我的链接按钮的边距更改为任何数字，但它似乎没有任何效果。（我可以通过在我的'段落'样式中添加边距底部来解决这个问题，但我仍然不知道为什么我不明白为什么我的代码不能正常工作。）

有谁知道我在这里缺少什么？

 <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">  
    <style>
    .link {
        padding: 15px 30px;
        border: solid 2px black;
        margin-top: 600px; <!-- Why does this have no effect?-->
     }
     </style>
</head>


<body>
     <p>
This is a paragraph text.
    </p>
    <a class="link" href="google.com">Google</a>
</body>

Answer 1

试试这个

CSS：

.link {
    padding: 15px 30px;
    border: solid 2px black;
    margin-top: 600px; 
    display:inline-block;
 }

Answer 2

请在display:inline-block css

中添加.link

＆＃13;

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">  
    <style>
    .link {
        padding: 15px 30px;
        border: solid 2px black;
        margin-top: 600px;
        display:inline-block;
     }
     </style>
</head>


<body>
     <p>
This is a paragraph text.
    </p>
    <a class="link" href="google.com">Google</a>
</body>

＆＃13;

为什么CSS边距没有影响？

2 个答案: