当从浏览器发生打印(或打印预览)时,我正在尝试移动某些元素。
最初的 HTML 看起来像这样
<li>
<ul id="Remarks" class="Remarks">
<li class="Header soldBKG">Showing Information</li>
<li><p><b>Remarks:</b></p></li>
<li class="btmRow">
<ul class="btmRow">
<li><span>Occupant Name</span><span class="data">Listing Office</span></li>
<li><span>Occupancy/Show</span><span class="data">Listing Agent</span></li>
<li><span>Occupant Type</span><span class="data">N/A</span></li>
<li><span>Occupant Phone</span><span class="data">N/A</span></li>
<li><span>Other Phone Number</span><span class="data">N/A</span></li>
</ul>
</li>
</ul>
<ul class="btmRow MarginFix" id="btmRowMarginFix">
<li></li>
<li><span>Phone To Show</span><span class="data">N/A</span></li>
<li><span>LockBox Location</span><span class="data">N/A</span></li>
<li><span>LockBox Type</span><span class="data">N/A</span></li>
<li><span>Showing Access</span><span class="data">N/A</span></li>
</ul>
</li>
更改后我的 HTML 应该是这样的:
<li>
<ul id="Remarks" class="Remarks">
<li class="Header soldBKG">Showing Information</li>
<li><p><b>Remarks:</b></p></li>
<li class="btmRow">
<ul class="btmRow">
<li><span>Occupant Name</span><span class="data">Listing Office</span></li>
<li><span>Occupancy/Show</span><span class="data">Listing Agent</span></li>
<li><span>Occupant Type</span><span class="data">N/A</span></li>
<li><span>Occupant Phone</span><span class="data">N/A</span></li>
<li><span>Other Phone Number</span><span class="data">N/A</span></li>
</ul>
<ul class="btmRow MarginFix" id="btmRowMarginFix">
<li></li>
<li><span>Phone To Show</span><span class="data">N/A</span></li>
<li><span>LockBox Location</span><span class="data">N/A</span></li>
<li><span>LockBox Type</span><span class="data">N/A</span></li>
<li><span>Showing Access</span><span class="data">N/A</span></li>
</ul>
</li>
</ul>
</li>