Question

我正在尝试将html中的一个select属性与页面的右侧对齐。但是我无法实现它。我在这里附上了我的代码。

    <!DOCTYPE html>
<html>
<body>
    <h1>Java Casting</h1>

    <h3>From</h3>
<h3 align="right">To</h3>
<select>
  <option value="int">int</option>
  <option value="double">double</option>
  <option value="long">long</option>
  <option value="String">String</option>
</select>
<select  align="right" >
  <option value="int">int</option>
  <option value="double">double</option>
  <option value="long">long</option>
  <option value="String">String</option>
</select>


</body>
</html>

Answer 1

您可以尝试<select style="float:right">

<!DOCTYPE html>
<html>
<body>
    <h1>Java Casting</h1>

    <h3>From</h3>
<h3 align="right">To</h3>
<select>
  <option value="int">int</option>
  <option value="double">double</option>
  <option value="long">long</option>
  <option value="String">String</option>
</select>
<select style="float:right">
  <option value="int">int</option>
  <option value="double">double</option>
  <option value="long">long</option>
  <option value="String">String</option>
</select>


</body>
</html>

Answer 2

如果我没有弄错的话，这就是你想要实现的目标。

＆＃13;

.right {
  text-align: right;
  float: right;
  width: 50%;
}
.left {
  float: left;
  width: 50%;
}

＆＃13;

<h1>Java Casting</h1>

<div class="left">
  <h3>From</h3>
  <select>
    <option value="int">int</option>
    <option value="double">double</option>
    <option value="long">long</option>
    <option value="String">String</option>
  </select>
</div>

<div class="right">
  <h3>To</h3>
  <select>
    <option value="int">int</option>
    <option value="double">double</option>
    <option value="long">long</option>
    <option value="String">String</option>
  </select>
</div>

＆＃13;

在html

2 个答案: