我有以下html页面:
<?xml version="1.0" encoding="UTF-8"?> <!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" lang="en" xml:lang="en"> <head> <title>A title</title> </head> <body> <table style="width: 700px; border: solid 1px green"> <tr> <td style="border: solid 1px red;" colspan="2">A cell with a bunch of text. The amount of text here increases the 'x' cell.<td> </tr> <tr> <td style="width: 100px; border: solid 1px purple;" >x</td> <td style="border: solid 1px blue;">Some sample text</td> </tr> </table> </body> </html>
在除Internet Explorer(8)以外的所有浏览器中,内容为“ x”的单元格的宽度为100px,相邻单元格填充表的其余部分。在Internet Explorer 8中,它要大得多,它的大小取决于设置了colspan =“ 2”的单元格中有多少文本。IE中有此错误的修复程序吗?
这是我td在IE8中宽度失败的结果:
td
<table style="width: 100%;" border="1"> <tr> <td style="width:auto;">td1</td> <td style="width:15px;">td2</td> <td style="width:20px;">td3</td> </tr> <tr> <td colspan="3" style="width:auto;">ds fasdf asdf asdf asdf asfd asf asdf asdf adf sadf asdf asdf asdf asdf asdf asfasdf dasf sdaf asd</td> </tr> </table> <!-- IE8 HACK 100% WIDTH --> <table style="width: 100%;" border="1"> <tr> <td style="width:100%;">td1</td> <td style="width:15px;">td2</td> <td style="width:20px;">td3</td> </tr> <tr> <td colspan="3" style="width:auto;">ds fasdf asdf asdf asdf asfd asf asdf asdf adf sadf asdf asdf asdf asdf asdf asfasdf dasf sdaf asd</td> </tr> </table>