如何在网站中放置控制箭头?

时间:2018-05-21 09:45:25

标签: php jquery html css

Arrows

我需要把它放在一个网站上。我有带箭头图标的按钮,但我想将它们对齐,就像它们在这张照片中一样。有人能告诉我怎么做?代码怎么样?

编辑:OP在评论部分提供的代码

<form method="post"> <button name="Forward"><i style="font-size:24px" class="fa">&#xf062;</i></button></div>
  <form method="post"> <button name="Backward"><i style="font-size:24px" class="fa">&#xf060;</i></button></div>
    <form method="post"> <button name="Left"><i style="font-size:24px" class="fa">&#xf063;</i></button></div>
      <form method="post"> <button name="Right"><i style="font-size:24px" class="fa">&#xf061;</i></button></div>
        <form method="post"> <button name="Stop">Stop</button></div>

1 个答案:

答案 0 :(得分:-1)

&#13;
&#13;
#up{
  width: 10px;
  margin-left: 20px;
}

#down{
  width: 10px;
  margin-left: 20px;
}

#left{
  width: 10px;
}

#right{
  width: 10px;
  margin-left: 20px;
}
&#13;
<input type="submit" id="up"/><br>
<input type="submit" id="left"/>
<input type="submit" id="right"/><br>
<input type="submit" id="down"/>
&#13;
&#13;
&#13;

这样的事可能吗? 您可以将箭头放在这些按钮内。 只需使用简单的CSS来排列按钮