我有以下讨厌的布局:
<table style="width: 100%; word-wrap: break-word; table-layout: fixed">
<tbody>
<tr>
<td class="td1">
<div class="div1">
<br>
<div style="font-family: calibri,tahoma,arial; font-size: 14px">
<div style="padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px"
id="06C" class="common">
<span class="display"><span style="font-weight: bold; text-decoration: underline">Reviewer</span></span>
<div id="B5E" class="common">
</div>
<div style="padding-bottom: 2px; margin-top: 5px; padding-left: 2px; padding-right: 2px;
margin-left: 8px; padding-top: 2px" id="4FD" class="common">
<span class="display"><span style="text-decoration: underline">Consent</span></span>
<div id="692" class="common">
</div>
</div>
<div style="padding-bottom: 2px; margin-top: 5px; padding-left: 2px; padding-right: 2px;
margin-left: 8px; padding-top: 2px" id="CF6" class="common">
<span class="display"><span style="text-decoration: underline">Indication</span></span>
<div id="C17" class="common">
</div>
</div>
<div style="padding-bottom: 2px; margin-top: 5px; padding-left: 2px; padding-right: 2px;
margin-left: 8px; padding-top: 2px" id="59C" class="common">
<span class="display"><span style="text-decoration: underline">Location</span></span>
<div id="347" class="common">
</div>
</div>
</div>
</div>
</div>
<br>
<div class="div2">
<span><span style="font-family: calibri; font-size: 10pt; font-weight: bold">
<br>
Completed by:</span></span><br>
<span style="font-family: calibri; font-size: 10pt">* Mario Brothers on March 27,
2013 10:57 AM CDT
<br>
* Modified by Dennis Goliath on March 27, 2013 11:17 AM CDT </span>
<br>
</div>
</td>
</tr>
</tbody>
</table>
<table style="width: 100%; word-wrap: break-word; table-layout: fixed">
<tbody>
<tr>
<td class="td2">
<div class="table2" style="width: 100%; height: 100%">
<table style="word-wrap: break-word; table-layout: fixed">
<tbody>
<tr>
<td style="padding-bottom: 0px; padding-left: 0px; padding-right: 25px; word-wrap: break-word;
padding-top: 0px">
Result:
</td>
<td style="padding-bottom: 0px; padding-left: 0px; padding-right: 25px; word-wrap: break-word;
padding-top: 0px">
Orange
</td>
</tr>
<tr>
<td style="padding-bottom: 0px; padding-left: 0px; padding-right: 25px; word-wrap: break-word;
padding-top: 0px">
Date:
</td>
<td style="padding-bottom: 0px; padding-left: 0px; padding-right: 25px; word-wrap: break-word;
padding-top: 0px">
March 27, 2013 10:57 AM CDT
</td>
</tr>
<tr>
<td style="padding-bottom: 0px; padding-left: 0px; padding-right: 25px; word-wrap: break-word;
padding-top: 0px">
Status:
</td>
<td style="padding-bottom: 0px; padding-left: 0px; padding-right: 25px; word-wrap: break-word;
padding-top: 0px">
On Going
</td>
</tr>
<tr>
<td style="padding-bottom: 0px; padding-left: 0px; padding-right: 25px; word-wrap: break-word;
padding-top: 0px">
Title:
</td>
<td style="padding-bottom: 0px; padding-left: 0px; padding-right: 25px; word-wrap: break-word;
padding-top: 0px">
Note
</td>
</tr>
<tr>
<td style="padding-bottom: 0px; padding-left: 0px; padding-right: 25px; word-wrap: break-word;
padding-top: 0px">
Author:
</td>
<td style="padding-bottom: 0px; padding-left: 0px; padding-right: 25px; word-wrap: break-word;
padding-top: 0px">
Mario Brothers on March 27, 2013 10:57 AM CDT
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
是的,它是表格内的 div 内的表格...我知道...请原谅我 :)
我目前正在使用它作为我的打印定制的模板。
我注意到的问题是最后一个表的内容不打印。但是,当我删除包装表(并且只在 div 中保留一个表)时,它就可以工作了。
我怀疑这可能是由于 IE(顺便说一下,我绑定到 IE)如何呈现表格,但不确定。
我想了解发生了什么,所以我感谢您提供的任何信息。