如何在 HTML 中分隔按钮

Question

我创建了一个页面，上面有 3 个按钮，但所有按钮都并排卡住，我不知道如何在它们之间添加空间。 这是目前为止的页面。

<div style="width: 500px; margin-left: 20px;">
  <a href="https://drive.google.com/file/d/0B9B-lYnsBAPHcFlkT3NQQThpa1E/view?    usp=sharing" target="_blank">
    <input type="submit" name="" value="View Study" />
  </a>
  <a href="https://drive.google.com/file/d/0B9B-lYnsBAPHT2c2MHhJN0l5NlE/view?    usp=sharing" target="_blank">
    <input type="submit" name="" value="View Study" />
  </a>
  <a href="https://drive.google.com/file/d/0B9B-    lYnsBAPHZ0xoTUlnZGZMaWc/view?usp=sharing" target="_blank">
    <input type="submit" name="" value="View Study" />
  </a>
</div>

Answer 1

您可以为所有按钮添加样式，周围有一些边距，如下所示

input[type='button']
{
    margin:10px 10px 10px 10px; //just an example, you can add according to your need
}

Answer 2

尝试将一个类添加到您的 div 并将其样式化到您的 ss 中，而不是将其硬编码到您的 html 中。稍后您将能够通过此类修改所有链接。但是，如果您必须在 html 中设置样式，只需将其添加到所有 <a> 标签中：style="margin-right: 10px;"

例子：

<a href="yourlink.html" style="margin-right: 10px;" target="_blank"><input type="submit" name="" value="View Study"/></a>

Answer 3

您也可以
并打破线，然后在您的顶部，您可以将其居中或向左或向右并使其成为不同的区域。