html – Internet Explorer中的表行高度

html – Internet Explorer中的表行高度,第1张

概述我有下表: <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> 我有下表:
<table>    <tr>        <td > A1 </td>        <td > B1 </td>        <td > C1 </td>    </tr>    <tr>        <td > A2 </td>        <td> B2 </td>        <td > C2 </td>    </tr>    <tr>        <td > A3 </td>        <td > B3 </td>        <td > 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;” /> 总结

以上是内存溢出为你收集整理的html – Internet Explorer中的表行高度全部内容,希望文章能够帮你解决html – Internet Explorer中的表行高度所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/1141389.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-31
下一篇2022-05-31

发表评论

登录后才能评论

评论列表(0条)

    保存