0

Internet Explorer 9 と固定高さの問題があります。td

高さのある が必要ですが、tdIE9ではより大きいです。5px5px

Chrome、Firefox、Safari で動作します

透明な 1px gifを に挿入しようとしましたがtd、 を設定しましたがfont-size: 0px; line-height: 0px、まだ機能しません。

私のテストコード:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>test</title>
<style>
    .space{
        height: 5px;
        width: 5px;
        font-size: 0px;
        line-height: 0px;
        background: none;
    }

    table{
        border-spacing: 0px;
        table-layout: fixed;

    }

    td{
        background-color: red;
    }

</style>
</head>

<body>

    <table cellpadding="0" cellspacing="0" style="width: 1200px;">
        <tr >
            <td rowspan="5"> test1<br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br><br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br> </td>
            <td rowspan="5" class="space"> </td>
            <td rowspan="5"> test2<br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br><br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br>test1<br> </td>
            <td rowspan="5" class="space"> </td>
            <td> test3</td>
        </tr>

        <tr>
            <td class="space"> spacer</td>
        </tr>

        <tr>
            <td> test 5</td>
        </tr>

        <tr>
            <td class="space"> spacer</td>
        </tr>

        <tr>
            <td> test 5</td>
        </tr>
  </table>

</body>
</html>

私は2つの画像を持っています:

クロム（動作中）：

クローム（ワーキング）

IE9 :

ie9

4

1 に答える 1

1

td 内に高さ 5px の div を配置できます。http://jsfiddle.net/aCrbz/3/

<td><div class="foo"></div></td>
于 2013-01-10T14:42:16.547 に答える