如何在2 td上並排使用邊界空間？

所以我有2個並排在桌子上。第一個td有一個邊框，第二個沒有，但裏面的元素有一個，我需要兩個邊框排列（頂部和底部）如何在2 td上並排使用邊界空間？

所以有辦法讓元素在邊框上方「越過」空間，因爲它不在那裏？如果我嘗試在td內部生長元素，那麼td會增長並保持1px的邊框間距，即使它不在那裏。

粗糙的html：

<table><tr> 
<td class="border">1</td><td class="noborder"><span class="border">Text</span></td> 
</tr></table>

看到這個搗鼓一個更好的畫面:) http://jsfiddle.net/LcGks/1/

任何想法？

來源

2013-09-24 ROunofF

我想你想要做將使TD的第一和第二個TD不同的內容高度是什麼。在表中，一行中的所有元素具有相同的高度，所以我認爲你不應該爲此使用表。

否則，我認爲這個解決方法是應用td.noborder的頂部和底部邊界，這將使td的排隊。

這樣

td.noborder { 
    border: solid blue; 
    border-width: 1px 0px; 
    padding: 0px; 
}

看到這裏http://jsfiddle.net/LcGks/1/

來源

2013-09-24 04:05:35

我通常使用該表的cellspacing屬性來執行此操作。

<table cellspacing="2px" border="1px"> 
    <tr> 
    <td class="border">1</td><td class="noborder"><span class="border">Text</span></td> 
    </tr> 
</table>

見例如：here看Code

來源

2013-09-24 03:37:48 goseo

既然你不能使用盒大小的表格元素，我實在不明白一個簡單的出路。我認爲最好的方法是在表格單元內使用div來顯示邊框。

來源

2013-09-24 03:38:42 lefoy

如何在2 td上並排使用邊界空間？

回答

相關問題