<html> <body style="font:16px Arial;"> <style type="text/css"> .table { border-collapse: collapse; table-layout: fixed; font: normal 11px arial; } .row { height:25px; } .cell { background-color:#ECF4FE; font-family:Arial,Verdana,sans-serif; font-size: 11px; border-bottom-width: 1px; border-bottom-color: #ECF4FE; border-bottom-style: dotted; border-top: none; border-left: 1px solid #EC0000; border-right: 1px solid #EC0000; vertical-align: middle; padding-left: 3px; padding-right: 3px; } </style> <div style="width: 250px"> <table width="100%" class="table"> <tr class="row"> <td class="cell"> <div style="white-space:nowrap;">Text Text Text Text Text Text Text Text</div> </td> <td class="cell"> </td> <td class="cell"> </td> <td class="cell"> </td> <td class="cell"> </td> </tr> </table> </div> </body> </html>
如题和上述代码,在ie7标准模式下。
情形一:
如果表格上面有 table-layout: fixed; 这个样式,上述代码在页面上显示的效果是