html - 在两个按钮之间提供空间

Question

我有一种情况，我无法更改 css 文件，但不能更改 html/php。我在页面中有两个按钮，ID 为“moveprevbtn”和“movenextbtn”。他们目前位置很近。使用 Css 或使用我需要将它们分散开的任何脚本。我做不到。

使用 CSS 我尝试了这样的事情，

  #moveprevbtn {
    position: relative;
    left: -30px;
}

#movenextbtn {
    position: relative;
    right: 30px;
}

但对我帮助不大。任何建议。

我是在 LimeSurvey 的背景下谈论的。PHP/MySql

这里分别是 IDs 上一个按钮和下一个按钮

这里分别是 IDs 上一个按钮和下一个按钮。我可以编辑 CSS 文件。我必须通过在它们之间提供空间来将它们向左和向右移动。

score 2 · Accepted Answer

看起来您希望将按钮并排放置，并且间隔更远。如果这是正确的，这将起作用。

#moveprevbtn {
    position: absolute;
    left: 30px;
}

#movenextbtn {
    position: absolute;
    right: 30px;
}

或者：

您可以像这样在两个按钮之间添加空格：

  #moveprevbtn {
    position: relative;
    margin-left: -30px;
  }

#movenextbtn {
    position: relative;
    margin-right: -30px;
}

第一个选项会将按钮放置在距视口右侧 30px 和距左侧 30px 的位置。

第二个应该简单地减去按钮相对侧的空间，从而增加两者之间的空间。

score 0 · Accepted Answer

如果我正确理解了这个问题，并且您希望您的按钮并排，中间有空格：

添加margin-left到#movenextbtn

#movenextbtn {
    background: transparent url(myNextImage.png) 0 0 no-repeat;
    margin-left:100px;
    position: relative;
}

2 回答 2