2012-04-05 68 views
0

我有一個寬度爲222px的html表格居中表格中的行元素

裏面我有一行寬度定義爲160px。

在此行內部,有一列與該行的 具有相同的寬度。

我的問題是,如何將此行對齊到表的中心。

我試過align =「center」和style =「float:center;」但這些工作僅包含文本上的 。

+4

扔桌子遠使用此

<td align = 'center'>Blah blah</td> 

。 1x1表沒有意義。行不與表格一樣寬的表格是沒有意義的。使用適當的標記。 – Quentin 2012-04-05 08:54:47

+0

我正在使用1x1表格,因爲這些表格是從查詢中生成的,對於每個結果集,我都有不同的表格顏色,它包含了行,並且它包含了列。 – 2012-04-05 08:57:20

+0

tr沒有CSS寬度屬性。它總是和桌子一樣寬。 – Stefan 2012-04-05 08:57:47

回答

1

但如果你真的,真的必須使用一個表,這裏是如何設置樣式:

.resultset { 
    width:222px; border:1px solid; 
    border-collapse:separate; border-spacing:30px 2px; 
} 
.resultset td { 
    border:1px solid; 
} 

凡在邊框間距的30像素的表格寬度和單元格寬度之間的一半水平的差異。

請參閱jsFiddle

+0

謝謝李斯特!這工作完美。 – 2012-04-05 09:12:11

0

同意昆汀。有1x1表沒有意義。

請嘗試以下操作。

<div style="margin: 0px auto; position: relative; width: 222px;"> 
....your content 
</div> 

您可能想要爲div創建一個CSS類。我個人不喜歡有內聯樣式。

0

必須使用這不會工作

<tr align = 'center'></tr> 
+0

我需要對齊表格中的。請看李斯特的答案。 – 2012-04-05 09:14:41