html - 无法平均显示 html 表格大小

Question

我可以浮动两张桌子，一张在左侧，一张在右侧。但是，左侧的表格大小与右侧的表格不对称。我无法平等地显示表格大小。我应该怎么做才能平等地并排显示表格？

html

.html 文件

 <div class="floatleft">
        <div class="left">
        <div class="row">
        <div class="col-md-3">

        <%              
        Connection conn = null;

        Class.forName("com.mysql.jdbc.Driver");
        String connURL = "jdbc:mysql://localhost/test?user=1234&password=1234";
        conn = DriverManager.getConnection(connURL);
        String sql = "select * from test";
        PreparedStatement pstmt=conn.prepareStatement(sql); 
        ResultSet rs = pstmt.executeQuery();
        %>

        </div>          
        </div>

        <div>

        <p<u>Arm</u></a></font></p>

        <table>

        <tr>
        <th >Arm Exercises</th>
        <th >Number of times</th>
        <th colspan='1'>  </th>

        <%

        String sql1="";
        {
            sql1 = "select * from test";
            PreparedStatement pstmt1=conn.prepareStatement(sql1);   
            ResultSet rs1 = pstmt1.executeQuery();
            while(rs1.next()){

            String id       = rs1.getString("ID");



            out.println("<tr>");
            out.println("<td style = 'width: 85%'>");
            out.println(arm);
            out.println("</td>"); 

        %>

        <td>
        <textarea cols="2"></textarea>
        </td>

        <%
            out.println("</tr>");
                }   
            conn.close();
                }
        %>

        </table><br>
        </div>

标签： htmlcsscss-float

Answer 1

只需将表格放在带有类名的 div 元素中即可。

<div class="floatleft">
<table>
</table>
<div class="floatright">
<table>
</table>