CSS样式荟萃

这篇文章用来记录自己在编码时候遇到的CSS布局问题的一个汇总贴。

1.如何固定table中某一列的高度。

  td标签中的内容太多，在宽度固定的情况下，一般高度是会随着内容而变的。如果内容很多，高度就会被拉得很长。为此，必须要固定td的高度，再设置滚动条。

 解决方法：在td中加一个div，设置div的高度。

<tr  oninit="alert('A')" valign="top" >
                <td class="style2">
                    添加的详情：</td>
                <td id="activityContent">
                <div style=" height:300px; overflow:auto;">
                    
                     </div></td>
            </tr>

2 居中

(1)直接居中一个DIV或某个容器元素中的数据，可以用text-align:center，如：

<div style="text-align:center">
    我在中间
    </div>

(2)利用margin:0 auto;使元素居中。 使这个必须要设置元素的宽度。

<div  id="div2" style=" margin:0 auto; width:100px; border:solid 1px blue">
      我在中间
    </div>

3 鼠标样式。

  'cursor:hand' 特性值是由浏览器厂商设置的扩展样式值，现在只有 IE 和 Opera 支持，并不是 CSS 相关规范中制定的，因此其它浏览器均不支持该特性值。应该使用 CSS 规范中定义的 'cursor: pointer' 样式代替 'cursor:hand' 样式。