html - 在两个按钮之间留出空间

Question

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

我用 CSS 尝试过类似的东西，

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

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

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

我说的是 LimeSurvey 的背景。 PHP/MySql

这里分别是 Previous 按钮和 Next 按钮的 ID。我可以编辑 CSS 文件。我必须通过在它们之间留出空间来左右移动它们。

Answer 1

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

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

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

或者:

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

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

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

第一个选项会将您的按钮放置在距视口(viewport)右侧 30 像素和左侧 30 像素的位置。

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