放大表格單元格的頂部邊框寬度

如何放大一個單元格的頂部邊框？我試圖爲該單元設置更大的寬度。但它不起作用。放大表格單元格的頂部邊框寬度

我想放大作爲類的tags_footer的頂部邊框單元格。其實，我想也使邊框寬度等於tags_forums + tags_description + tags_msgs

這裏寬度代碼小提琴：http://jsfiddle.net/pyXBk/

HTML：

<table> 
    <tr> 
     <td class="tags_forums">Forums</td> 
     <td class="tags_description">Description</td> 
     <td class="tags_msgs">msgs</td> 
    </tr> 
    <tr class="tags_body"> 
     <td>ABC</td> 
     <td> DFG</td> 
    </tr> 
    <tr> 
     <td class="tags_footer">Last msg</td> 
    </tr> 
</table>

CSS：

.tags_forums { 
    border-right: 1px solid gray; 
    border-bottom: 1px solid gray; 
} 

.tags_description { 
    border-right: 1px solid gray; 
    border-bottom: 1px solid gray; 
} 

.tags_msgs { 
    border-bottom: 1px solid gray; 
} 

.tags_footer{ 
    border-top: 1px solid gray; 
}

提前致謝。

來源

2013-09-10 rzqr

所以基本上你想要一個酒吧在你的.tags_body的底部。 –

的問題是在HTML，而不是CSS：

<td colspan="3" class="tags_footer">Last msg</td>

你需要這個表格單元格跨越三列，而且做的。 colspan屬性是您需要的。

在http://jsfiddle.net/audetwebdesign/pyXBk/2/看演示

來源

2013-09-10 21:57:49

謝謝，6分鐘才能夠驗證。否則，請如何縮小'tags_description'單元格？ – rzqr

'.tags_description'已經小到可以用縮小到適合的寬度（默認值）。如果你想使它變小，你可以設置一個例如'width：3em'，然後使用'word-break：break-all'強制單詞換行，例如參見http：// jsfiddle。 net/audetwebdesign/pyXBk/3 /然而，這可能不是你想要的。 –

能否請你解釋一下'em'的含義：p – rzqr

放大表格單元格的頂部邊框寬度

回答

相關問題