html – 最大宽度不适用于IE7的表格_html-js-css

概述那么为什么“max-width”不适用于Internet Explorer 7中的表？最大宽度在其他元素上可用,并且似乎工作正常,但是当应用于表时,我不能使它做任何事情,即简单地忽略最大宽度规则.这是代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/ 那么为什么“max-wIDth”不适用于Internet Explorer 7中的表？最大宽度在其他元素上可用,并且似乎工作正常,但是当应用于表时,我不能使它做任何事情,即简单地忽略最大宽度规则.这是代码：

<!DOCTYPE HTML PUBliC "-//W3C//DTD xhtml 1.0 @R_419_3721@al//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-@[email protected]"><HTML xmlns="http://www.w3.org/1999/xhtml"><head>    <Title>Foo</Title></head><body>    <div >        <table >                <tr>                    <td><a href="#" >VIEw</a></td>                    <td>7/20/2011</td>                    <td>James Smith</td>                    <td>345 NW 23rd Ave Gainesville,FL 32606</td>                    <td>Alachua Blah blah sf jfh JsdhJs fJsh djkf sdjkhk</td>                    <td>345621</td>                    <td>Fred Smith</td>                </tr>        </table>    </div></body></HTML>

在firefox中,表格被正确约束为500px,并且单元格内的文本以适当的方式中断(在单词之间,就像您期望的那样).然而,在ie7中,它已经应用了“无包装”规则.每个单元格都伸展到需要的位置,而不是试图破坏单元格的文本,整个表格只是伸出来忽略最大宽度规则.

怎么了这个废话？如何在ie7中将Max-WIDth放在表格中？ (在FF& ie8中工作正常)

我试过的是什么不起作用：

table {display：block; }

td {自动换行：break-word; }

table {table-layout：fixed; }

解决方法 WebKit浏览器会忽略为表设置的max-wIDth属性,Chrome和Safari都会像ie7一样使表忽略最大宽度.我建议将max-wIDth属性设置为包装元素,例如div.

见http://jsfiddle.net/P5YPR/1/

总结

以上是内存溢出为你收集整理的html – 最大宽度不适用于IE7的表格全部内容，希望文章能够帮你解决html – 最大宽度不适用于IE7的表格所遇到的程序开发问题。

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

欢迎分享，转载请注明来源：内存溢出