html – Internet Explorer中的表行高度

发布时间：2020-12-14 18:49:48 所属栏目：资源来源：网络整理

导读：我有下表： table tr td style="height: 7px; width: 7px" A1 /td td style="height: 7px" B1 /td td style="height: 7px; width: 7px" C1 /td /tr tr td style="width: 7px" A2 /td td B2 /td td style="width: 7px" C2 /td /tr tr td style="height: 7px;

我有下表：

<table>
    <tr>
        <td style="height: 7px; width: 7px"> A1 </td>
        <td style="height: 7px"> B1 </td>
        <td style="height: 7px; width: 7px"> C1 </td>
    </tr>
    <tr>
        <td style="width: 7px"> A2 </td>
        <td> B2 </td>
        <td style="width: 7px"> C2 </td>
    </tr>
    <tr>
        <td style="height: 7px; width: 7px"> A3 </td>
        <td style="height: 7px"> B3 </td>
        <td style="height: 7px; width: 7px"> C3 </td>
    </tr>
</table>

基本思想是第一行必须是7像素高.左右单元格(A1和C1)必须为7px宽,中间单元格(B1)必须根据表格的宽度进行缩放.底行(A3,B3,C3)也是如此.

然而,中间行需要在高度上扩展 – 换句话说,它需要是(tableheight – 14px).左侧和右侧的单元(A2,C2)需要为7个像素宽.

一个例子：

7px              x               7px
          |------|-------------------------|------|

---       +------+-------------------------+------+
 |        |      |                         |      |
 | 7px    |      |                         |      |
 |        |      |                         |      |
---       +------+-------------------------+------+
 |        |      |                         |      |
 |        |      |                         |      |
 |        |      |                         |      |
 |        |      |                         |      |
 | y      |      |                         |      |
 |        |      |                         |      |
 |        |      |                         |      |
 |        |      |                         |      |
 |        |      |                         |      |
---       +------+-------------------------+------+
 |        |      |                         |      |
 | 7px    |      |                         |      |
 |        |      |                         |      |
---       +------+-------------------------+------+

然而,在Internet Explorer中,宽度可以正常工作(列A和C为7px,列B动态缩放) – 但高度不会.第1,2行和第3行不管我做什么,都是桌子高度的33％.不幸的是,我必须使用这个表,所以用一组DIV代替它不是一个选择.

我有以下DOCTYPE：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

我需要保持这一点,因为页面上的其他一些元素依赖于一些复杂的基于CSS的布局.

任何人都可以指出我正确的方向,将其转化为IE的形状？

编辑：应该早些提及 – 这个表使用javascript动态调整大小.

解决方法

而不是使用高度属性(因为它引起问题),您可以使用间隔.对于一个透明的小gif,你将高度设置为你想要的数量. gif你会这样做：< img src =“./ gfx / spacer.gif”style =“height：14px;” />

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!