Question

在我的页面中，我有一个下拉菜单，3个文本框和一个提交按钮。截至目前，它已被保留。我需要让它成为中心。我在我的代码中使用bootstrap css。我是这个领域的新手。有人可以告诉你如何做到这一点。我试过这个：

<?php
    echo "<form action=page2.php method=GET>";
    echo '<td><select class="form-control" name="select-val">
        <option value="a1">A1</option>
        <option value="a2">A2</option>
        <option value="a3">A3</option>
        <option value="a4">A4</option>
        <option value="a5">A5</option>
        <option value="a6">A6</option>
    </select></td>';
    echo "<br>";
    echo "<td>" ." <input align='center' type = text class = form-control name = sel_val 
        placeholder =   'Enter  The Name'>". "</td>";
    echo"<br>";
    echo"<br>";echo "<td>" ." <input align='center' type = text class = form-control name = start_date 
        placeholder = 'Start Date(YYYY-MM-DD)'>". "</td>";
    echo"<br>";
    echo "<td>" ." <input align='center' type = text class = form-control name = end_date 
        placeholder = 'End  Date(YYYY-MM-DD)'>". "</td>";
    echo"<br>";
    echo "<td>" ."<input align='center' class=btn type=submit value=select". "></td>";
echo "</form>";
?>

提前致谢。

Answer 1

首先，不要使用表格进行布局;如果您没有显示任何表格数据，这是不好的做法。

有几种方法可以解决这个问题

方法1）我更喜欢这个，因为它最有意义但是如果你想让元素在不同的行中，你就不能使用这个方法

在您想要居中的所有输入和元素上添加display: inline-block。然后在封装所有这些的容器元素上添加text-align: center。

这将使所有元素水平居中，并且应该以您希望的方式显示。

方法2）您还可以向所有元素添加position: relative，然后执行left: 50%; margin-left: -[half of your element width]。这也有效，并允许元素在不同的行上，同时保持水平居中。

如何集中输入表格

1 个答案: