Posts Tagged ‘ table ’

Table的“min-height”属性

今天在制做页面时，需要对table元素里的td设置min-height属性，但怎么设置都没有效果。我想难道是和position属性一样，不能对table元素设置吗？搜索了一下这才恍然大悟，原来对于table元素，如th、td来说，使用height属性就等效于min-height属性了，如果表格内容高度大于所设定的高度值，表格会自己扩大高度以适应内容的。如：

td{
    height:300px; /* 等效于普通元素的 min-height */
}
2010
07/05
分类：
前端
TAGS


抢沙发

给表格的列设置样式

The Best-Practice Guide to XHTML and CSS看了《TheBest-Practice Guide to XHTML and CSS》一书，里面提到了个“colgroup”列组的属性，觉得很有用，在这里记一下，以备不时之需。在这里要感谢htmldog给我们免费提供了一本基础详细实用的好书。

虽然table是按行组建的，但你仍然可以通过“colgroup”和“col”两个元素来寻址列或一组列，还能给它们设置属性，比如“class”。

你可以通过“bolgroup”来给一列设置属性，也可以使用“span”来给一组列设置属性，而“span”的用法和“rowspan”、“colspan”的用法是一样的。看下面的实例代码：

<table>
	<caption>Caption</caption>
	<colgroup>
		<col />
		<col class="alternative" />
		<col span="2" class="alternative" />
	</colgroup>
	<tr>
		<td>This</td>
		<td>That</td>
		<td>The other</td>
		<td>Lunch</td>
		<td>Lunch</td>
	</tr>
	<tr>
		<td>Ladybird</td>
		<td>Locust</td>
		<td>Lunch</td>
		<td>Lunch</td>
		<td>Lunch</td>
	</tr>
</table>

不过目前在colgroup中的样式仅支持borders，backgrounds，width和visibility属性。

2009
12/27
分类：
前端
TAGS


抢沙发