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 =＆＃34; margin-right：10px;＆＃34;

示例：

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

如何在HTML中分隔按钮

2 个答案: