写table时一些bug

表格时要注意的几点:(着重ie6-ie7不兼容问题)

在一些支持标准dom浏览器中,表格可以像div一样,肆意设置样式。但是ie6-ie7何止有问题,简直是问题重重:

1.table是个排外的货。table不支持直接放置<span><div>标签.在众浏览器下均如此

偶遇一问题。发现直接在table里面直接加<span>标签或者<div>是不可以的。运行的时候<span><div>会带着里面的内容私奔到整个table的前面。

呀嘿,之前真没注意到还有这些个问题。

网上找了一轮也没见个解决方法。结论,还是用原生的<td>比较靠谱。

2.在<tr>不支持position:relative;在众浏览器下均如此

在<table>没有设置任务position:relative;的时候。在<td>标签内用position:absolute是相对于浏览器窗口的。

谷歌之后暂无方!

3.在<tr>不支持margin,padding.而<td>不支持margin。ie6-7

在<td>里面的元素(img)设置margin-bottom也是不管事的。

4.<tr>不支持设置border。ie6-7

当我试图为<tr>标签设置边框美化一下,谁想遭到了ie6-7的强烈反对。我非常愤怒,最终决定,在<td>下设置比较妥当

5.如果<table>里的的<td>宽度都是以第一个<tr>标签里的<td>为标准的。如果第一行的<td>没有设置宽度,第二行即使设置也不会起作用。它会变成自动的了

/*补充于2013.5.29今天 又遇到一个惊 天bug!

次奥,用append动态把div A插入在table里。在ie8以更早版本,都会不认识A原来的样式。更好的方法,是在table外加一层div B,把A append在B里面。

这个我已经不记得是啥问题了。现在也想不起来,先留着。但是感觉那时幼稚的我,说的应该是同个问题。table排外。

*/

原文地址:https://www.cnblogs.com/ihqn19/p/2612082.html