2014-03-13 36 views
-1

我想用display: block;<tr>標籤,來正確設計邊距。不幸的是,列寬將不會自動調整。自動調整顯示的列寬:塊錶行?

這是a minimal example。保證金被忽略。

如何在使用自動調整列的同時正確使用表格行邊距?

+0

請提供一個在線演示,以展示行動的問題。無需更改表格行的默認顯示類型。 –

+0

@HashemQolami完成。 – danijar

+0

我在這個假設下想要在''元素上應用'margin',因爲'我怎樣才能正確使用表格邊距'但是您注意到:'正如我所說的,我想要在我的桌子。我認爲編輯問題以更好地表明問題更好。我恭敬地刪除了我的答案。 –

回答

2

tr標記的默認屬性爲display: table-row;,通過將其更改爲display: block;您正在更改其瀏覽器預期的默認行爲。

編號:http://www.w3.org/TR/html-markup/tr.html

您仍然可以申請邊框樣式到tr,但你需要將填充應用到表格單元格。

根據您的意見,如果您希望在表格中留有餘量,由於保證金不適用於表格,您可以將表格放在另一個元素中,如div,並將填充應用於該div

DEMO:http://jsfiddle.net/42na4/5/

+0

我想在整個桌子上應用填充。我嘗試的是在「

」或「」的邊緣添加填充,但都不起作用。對不起,這個問題有點誤導,我更新了。 – danijar

+0

應用於表格的保證金:http://jsfiddle.net/42na4/1/ – Arbel

+0

看起來不錯,只是表格太寬了,因爲它同時具有'width:100%;'和一些邊距。沒有'盒子大小:邊界框;'解決這個問題。 – danijar