Question

我有一个页面上有一些标签云部分。所述云的标记类似于此......

<div class="ContentColumnB">
    <div class="tagcloud">
        <p>
        <span style="font-size: larger;">Office 2010 Issues </span>
        <span style="font-size: x-large;">Windows 7 </span>
        <span>SharePoint </span>
        <span style="font-size: large;">Migration Management Tools</span>
        <span style="font-size: small;">75% Upgrading </span>
        <span style="font-size: smaller;">Desktop Virtualisation</span>
        <span style="font-size: x-large;">Microsoft Jump Start </span>
        <span style="font-size: medium;">Buying Solutions</span>
        <span style="font-size: large;">What-if Planning</span>
        </p>
    </div>
</div>

这是相关的css

.ContentColumnB {
height:85px;
padding:5px 10px;
width:460px;
}
.tagcould p{
color:#6192B6 !important;
text-align:justify;
}
div.tagcloud span {
color:#6192B6 !important;
display:inline !important;
padding:0 3px;
word-wrap:break-word;
text-align:inherit;
}

像往常一样，我遇到了IE的问题，确切地说是IE7。它拒绝将带有样式标记的跨度拆分为单独的行：所以迁移管理工具例如在FF和IE8中，单词迁移在一行上，管理工具在下一行。对于IE 7，但是如果拒绝将后一个单词粘贴在一个新行上，那么在块中就会少得多。这是由WYSIWYG编辑器生成的，因此解决方案不会改变生成标记的方式。这是IE的样子：http://www.dumpt.com/img/viewer.php?file=cgyd1xbpig61kr39kn74.gif

和FF：http://www.dumpt.com/img/viewer.php?file=iuw5o3cgl5k52m5i1afw.gif

取消对齐也不会对包装产生任何影响（我把它放入所以它至少看起来并没有被压扁到一边）.. 为什么一个跨度不会超过2行< / STRONG>？显然我错过了什么...... 只是为了确认IE8是好的，当然FF也是如此。

有什么建议吗？

感谢

NAT

Answer 1

似乎与继承缩放有关的问题：1; 所以为了避免一个IE bug，我一头扎进了另一个

缩放：跨度为0，一切都很好

NAT

Answer 2

你说删除style =“font-size：whatever”也可以解决问题吗？

你可以运行一个小的javascriptscript替换style =“font-size：whatever”来获得相同的视觉效果，但不是问题。

IE7和对齐/自动换行css

2 个答案: