Fatal编程技术网
  • css/
  • Css 如何获得溢出：隐藏以在IE6中工作？

Css 如何获得溢出：隐藏以在IE6中工作？

css internet-explorer

Css 如何获得溢出：隐藏以在IE6中工作？,css,internet-explorer,Css,Internet Explorer,我试图让表格单元格的内容被剪裁，而不是使单元格的高度增加。IE8工作得很好，但当然IE6的行为方式完全不同。还有什么可以让IE6按照我想要的方式运行的吗 以下是我的html示例页面： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.

我试图让表格单元格的内容被剪裁，而不是使单元格的高度增加。IE8工作得很好，但当然IE6的行为方式完全不同。还有什么可以让IE6按照我想要的方式运行的吗

以下是我的html示例页面：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title></title>
    <style type="text/css">
        table.grid
        {
            border-style:none;
            border-color:#A0A0A0;   
            border-collapse:collapse;   
            width: 100%;
            table-layout:fixed;
        }

        table.grid tr
        {
            background-color:#F0F0F0;   
        }

        td
        {
            overflow:hidden;
            text-overflow:ellipsis;
            white-space:nowrap;
        }
    </style>
</head>
<body>
    <table class="grid">
        <tr>
            <td style="width:100%;">test</td>
            <td style="width:100px;">test wide sentance</td>
            <!-- Second cell should clip instead of growing in height -->
        </tr>
    </table>
</body>
</html>


表1.1网格
{
边框样式：无；
边框颜色：#A0；
边界塌陷：塌陷；
宽度：100%；
表布局：固定；
}
表1.1.1.1
{
背景色：#f0；
}
运输署
{
溢出：隐藏；
文本溢出：省略号；
空白：nowrap；
}
测试
测试广度
表和
溢出通常是一件棘手的事情。如果可以，而且它不会给你带来难以忍受的副作用，请在列中添加一个
div
，并对其应用
溢出：隐藏的
。
谢谢！这有点像黑客，但相当干净。谢谢你的提示！