2015-01-05 141 views
0

重疊,我從另一個問題這個片段在這裏計算器:風格的複選框表

Snippet

如果我把這些複選框在表中,每行一個複選框,它們重疊因的填充標籤。爲什麼會發生?爲什麼表格單元格不會改變它們的高度?

我該如何解決?

此外, '寬度:100%' 不爲標籤

+0

您是否嘗試過使用像素代替百分比?也許高度而不是寬度? – Crystal

+0

嘗試向包含元素的CSS添加overflow:hidden。這將消除重疊。 –

+0

當然,我可以手動調整td'元素的高度。但我認爲這應該會自動發生。標籤的寬度不適用於像素 – Quantm

回答

2

無需添加表格樣式

label{ 
display: block; 
} 

而且工作嘗試

tr { 
display:block; 
margin:10px 0px; 
} 

或者,我做了一個codepen here

+0

'display:block;'爲我做了。謝謝! – Quantm