IE7放大后标签位置的文本不同答案

【问题标题】：Text in label position differently after zoom in IE7IE7放大后标签位置的文本不同
【发布时间】：2011-07-05 13:35:51
【问题描述】：

我在缩放页面后遇到了 IE7 问题。部分文本被压缩，悬停/onClick 不在该文本所在的位置。

这是我的示例代码和 css：

CSS：

.pagination{background-color: #CCFFFF;padding:2px 2px 2px 2px;} 
.paginateNo{color: #000000;margin: 0 3px 0 3px;font-size: 10px; }   
.paginateYes{margin: 0 3px 0 3px;color: #0033FF;cursor:pointer; font-size: 10px;}   
.paginateYes:hover{color: #FF0000;text-decoration: underline;}

HTML：

<div  id="pagination" class="pagination" align="right">
    <label class="paginateNo">Records 1 - 20 of 150</label>
    <label class="paginateNo">First</label>
    <label class="paginateNo">|</label>
    <label class="paginateNo">Previous</label>
    <label class="paginateNo">|</label>
    <label class="paginateNo">1</label>
    <label class="paginateYes" onClick="showPage(?);">2</label>
    <label class="paginateYes" onClick="showPage(?);">etc...</label>
    <label class="paginateNo">|</label>
    <label class="paginateYes" onClick="showPage(?);">Next</label>
    <label class="paginateNo">|</label>
    <label class="paginateYes" onClick="showPage(?);">Last</label>
</div>

注意：?表示页码

我不确定我的某些 CSS 是否会导致此问题，但在 ff 和 chrome 中我没有问题。这是 IE7 问题还是只是在我的代码中。我会很感激任何帮助。谢谢

【问题讨论】：

我很好奇你为什么使用labels ~ 你考虑过spans 吗？
一开始我在设计时使用label，我会按照你的建议尝试使用span。谢谢

标签： html cross-browser internet-explorer-7

【解决方案1】：

使用IE Conditional CSS或研究conditional css

注意：使用上述技巧，您的网站将不会被 w3c 验证

【讨论】：

我将阅读您提供的链接，希望它可以帮助解决我的问题。我对 CSS 不太擅长，我想我的代码中有一段导致它，谢谢您的回复。

【解决方案2】：

用 IE 和浏览器的版本测试可能证明这是一个浏览器错误。我还对标签进行了一些实验，看看它与我当前的显示有什么不同，它只是证明这是一种浏览器行为。

【讨论】：