时间戳

首页 > 解决方案 > 如何在网站中放置控制箭头？

php - 如何在网站中放置控制箭头？

问题描述

箭头

我需要把它放在一个网站上。我有带有箭头图标的按钮，但我想像在这张图片中一样对齐它们。有人可以告诉我怎么做吗？代码会是什么样子？

编辑：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>

标签： phpjqueryhtmlcss

解决方案

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

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

#left{
  width: 10px;
}

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

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

推荐阅读