Question

我正在制作一个比较引擎，我制作了一个下拉系统（不多，但它是一个开始）。我的问题是：你如何并排放置2个单独的html表（来自不同的文件），这样你就可以选择你想要的哪些表，这样你就可以比较2个产品！这是我的意思的一个例子：https://gyazo.com/85c8ee29a6723828d3ded529cd4cce87

谢谢！

Answer 1

取两个div并插入表格并写这样的css

<!DOCTYPE html>
<html>
    <head>
        <style>
            .first
            {
                float:left;
                width:48%;
                margin-right:2%;
            }
            .second
            {
                float:left;
                width:50%;
            }
        </style>
    </head>
    <body>
        <div class="first">
            <table border="1" style="width:100%">
                <tr>
                    <td>Jill</td>
                    <td>Smith</td>      
                    <td>50</td>
                </tr>
                <tr>
                    <td>Eve</td>
                    <td>Jackson</td>        
                    <td>94</td>
                </tr>
                <tr>
                    <td>John</td>
                    <td>Doe</td>        
                    <td>80</td>
                </tr>
            </table>
        </div>
        <div class="first">
            <table border="1" style="width:100%">
                <tr>
                    <td>Jill</td>
                    <td>Smith</td>      
                    <td>50</td>
                </tr>
                <tr>
                    <td>Eve</td>
                    <td>Jackson</td>        
                    <td>94</td>
                </tr>
                <tr>
                    <td>John</td>
                    <td>Doe</td>        
                    <td>80</td>
                </tr>
            </table>
        </div>
    </body>
</html>

并排浮动2个单独的html表

1 个答案: