工作中学习到的css用法（持续更新中）

1.table中的内容水平垂直居中显示

#id td{
	vertical-align: middle;
    text-align: center;  
}
<table id="id"></table>

2.div有最小高度，并且随着内容的变化而变化

style="height:auto;min-height:30px;"

3.table的列宽不受控制（width，百分比都不起作用）

对table添加一下特性
style="word-wrap: break-word; word-break: break-all;"

4.背景色渐变

style="background:-webkit-linear-gradient(top,#fefefe,#fdfdfd,#fcfcfc,#fbfbfb,
#fafafa,#f9f9f9,#f8f8f8,#f7f7f7,#f6f6f6,#f5f5f5,#f4f4f4,#f3f3f3,
#f2f2f2,#f1f1f1,#f0f0f0,#efefef,#eeeeee);"//从上开始变

如下图：
5.table 给单元格设置超链接(鼠标移入变成小手形状)

<td style='cursor:pointer;'
'getEquipStatusDetail(XCC1)'>