Question

我如何水平对齐这些Div：我想要div id＆＃34; leftDiv＆＃34;在左边的div id＆＃34; rightdiv＆＃34;在右边。我希望每个div之间有一点空间

     <div  >
           <div id="leftDiv">

                <table id="mytable" class="table" style="width: 300px" >
                    <thead>
                        <tr style="background-color:#C0DBE5">
                            <th>Order Quantity</th>
                            <th>Price</th>
                        </tr>
                    </thead>
                    <tbody id="mytableb">
                        <tr><td>1</td><td>$12</td></tr>
                        <tr><td>2</td><td>$14</td></tr>
                        <tr><td>5</td><td>20</td></tr>
                        <tr><td>10</td><td>$30</td></tr>
                    </tbody>
                </table>
</div>

            <div id="rightdiv" >
                <h5 style="color:green"><b>Only $2 item! + $5  fee </b></h5>
                <h5 style="color:green"><b>Get item for <span style="color:#000">Test</span>,<span style="color:red">Test B</span> and other music sites...</b></h5>

                <h5 style="color:red"><b>Get your item now!</b></h5>

            </div>
        </div>

Answer 1

您应该考虑使用CSS来设置项目的样式，而不是使用内联样式。

查看JSFiddle。我添加了课程left和right，在左侧div设置实际宽度有助于浏览器了解右边的另一个div的空间，因为块级元素就像 div 正常占据100％的宽度。

如何水平对齐2个div与之间的空格

1 个答案: