border-spacing

    1熱度

    2回答

    我正在構建一個動態表格。 每個單元格都有灰色的背景色,我希望每個單元格之間有一個空白區域(垂直和水平)。 所以我使用的CSS屬性 table { border-spacing:10px; } td { background-color:grey; } 它運作良好,除了事實,這白色的空間不僅是細胞之間;它實際上是在每個單元格周圍,包括位於表格邊緣的單元格。 這意味着桌子周圍有白色空間。

    0熱度

    1回答

    我想創建一個只有部分分離邊界的表格。 thead上方和下方的邊框之間應該沒有空格。但其他人應該分開一個小空間。 不幸的是,border-spacing風格只適用於整個表:https://developer.mozilla.org/en-US/docs/Web/CSS/border-spacing 例如,我想有隻h2.1和h2.2的border-top之間的間隔以下。那可能嗎? HTML: <tab

    0熱度

    1回答

    我找不到匹配的答案。 <table class="table1"> <tr> <td class="red header" colspan="4"> Table1 header</td> </tr> ... <tr> <td class="red footer" colspan="4">Footer</td> </tr> <table class="t

    0熱度

    1回答

    可以看到的內部矩形是水平面板。我已經添加了3個按鈕。我希望所有這些按鈕都位於底部 - 水平面板的大部分。我試過下面一行代碼 margin-bottom: 0px; 但它對按鈕沒有影響。有人可以向我提出任何建議嗎?

    0熱度

    1回答

    在我看來,對於大多數CSS屬性的兩項標準是「頂/底,左/右」。至少,除了邊界間距外,我知道的所有情況都是如此。 邊界間距故意的「左/右,上/下」速記?它每次都讓我感覺到,也許w3沒有注意到它是不一致的。

    0熱度

    1回答

    我想在附件中的例子圖片和灰色區域粘在一起和相同的高度 - 但我似乎無法移除[摧毀這個邊框間距。 關於我在做什麼錯的任何想法?對於凌亂的樣式表感到抱歉。 https://jsfiddle.net/q43L8pqy/1/ PS:我知道這可以通過div的來解決,但是這是一個非常特殊的環境。 <!doctype html> <html> <head> <meta charset="UTF-8">

    1熱度

    1回答

    此問題與this one類似,但有一個附加要求:我希望表格在其父級中具有100%的寬度。從這個問題複製的圖像: 所以我想「綠色部分」擔起父母的寬度爲100%,並與細胞之間的間距黃色。 至少在大多數情況下,我們可以使用表格上的負邊距'撤消'紅色間距。 但是,這並不總是適用於流體佈局。實際上,只要有足夠的內容使桌子佔用100%的寬度(表格有width:auto),它就可以正常工作。問題出現在沒有足夠內

    7熱度

    4回答

    我嘗試刪除Table1Header和Table2Header之間的空白。我嘗試了border:0px,padding:0px和border-spacing:0px;樣式。 Firefox和Opera告訴我,我的邊界間距樣式被用戶代理樣式(這是2px)所覆蓋。我如何強制瀏覽器使用我的styleshits? http://jsfiddle.net/cdjDR/2/ <table class="tabl

    1熱度

    5回答

    我有一個表,它看起來像this 我想刪除每一套「上一頁」和「當前」細胞之間的間距,但行和其他列之間保留。這可能嗎?

    5熱度

    1回答

    Bootstrap具有table {border-collapse: collapse; border-spacing:0;}樣式。我想重寫此所以我創建一個類,並在問題把它應用到表: table.FormGroupContainer { border-collapse: separate; border-spacing: 2px; } 但仍的邊界保持摺疊。 Chrome