css - td 和高度在 IE 中不能正常工作

标签 css html internet-explorer

请帮帮我

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body style="margin: 0px; padding: 0px;">
        <table style="width: 600px;">
            <tr>
                <td rowspan="2" style="background: #FF0;">Left<br/><br/><br/><br/><br/><br/><br/><br/><br/>&nbsp;</td>
                <td colspan="2" height="30px" style="background: #FCC;height: 30px;">header</td>
            </tr>
            <tr>
                <td>Content</td>
                <td style="background: #EEE;">Right</td>
            </tr>
        </table>        
    </body>
</html>

它在 Firefox 或 chrome 中工作正常,但 IE 忽略高度属性并且带有文本标题的单元格高度不正确。如何解决?

演示:Fiddle

最佳答案

使用 td 中的元素设置高度,如下所示:

<div style="display:block;height:30px;">header</div>

关于css - td 和高度在 IE 中不能正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14706522/

相关文章:

javascript - Delphi TWebBrowser 无法从 LocalHost 运行 Javascript

html - 样式化 Angular 组件

css - 如何在 font-awesome 之类的图标上添加阴影效果

Python从html中提取斜体内容

javascript - Twitter 按钮不会出现在 Firefox 上

html - "X-UA-Compatible"内容= "IE=9; IE=8; IE=7; IE=EDGE"

javascript - 捕获用户浏览器中的错误以进行事后调试

javascript - 添加CSS以将表格格式化为网格

css - 列表中的元素符号不允许有空格或边框

javascript - 在 jquery 中的 Span/Div 中加载 javascript