小编Aja*_*pta的帖子

我的布局目前看起来像这样

在中间列中,我想在每个ServerDiv 之间添加一个小的边距.但是,如果我为CSS添加一个边距,它最终会换行并看起来像这样

<div class="row info-panel">
    <div class="col-md-4 server-action-menu" id="server_1">
        <div>
            Server 1
        </div>
    </div>
    <div class="col-md-4 server-action-menu" id="server_2">
        <div>
            Server 2
        </div>
    </div>
    <div class="col-md-4 server-action-menu" id="server_3">
        <div>
            Server 3
        </div>
    </div>
    <div class="col-md-4 server-action-menu" id="server_4">
        <div>
            Server 4
        </div>
    </div>
    <div class="col-md-4 server-action-menu" id="server_5">
        <div>
            Server 5
        </div>
    </div>
    <div class="col-md-4 server-action-menu" id="server_6">
        <div>
            Server 6
        </div>
    </div>
    <div class="col-md-4 server-action-menu" id="server_7">
        <div>
            Server 7
        </div>
    </div>
</div>

和CSS

.server-action-menu {
    background-color: transparent;
    background-image: linear-gradient(to bottom, …

我不经常编辑CSS,几乎每次我都需要去搜索CSS盒子模型以检查是否padding在内部border和margin外部,反之亦然.(刚检查一下,padding就在里面).

有没有人有一个很好的方法来记住这个？一个小的助记符,一个很好的解释为什么这些名字是这样的...

我想创建这样的东西using divs,它也应该没有使用display:tableCSS规则等.如何创建表头？