IE7 и оправдание / перенос слов - PullRequest
0 голосов
/ 09 августа 2010

У меня есть страница с разделом облака тегов. разметка для указанного облака выглядит примерно так ...

<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 строки 1016 *? Я явно что-то упустил ... просто чтобы подтвердить, что IE8 в порядке, и, конечно, FF тоже.

есть предложения?

спасибо

нац

Ответы [ 2 ]

1 голос
/ 09 августа 2010

Кажется, проблема связана с унаследованным увеличением: 1; поэтому, чтобы избежать одной ошибки IE, я с головой столкнулся с другой

зум: 0 на пролете, все хорошо

нац

0 голосов
/ 09 августа 2010

Вы говорите, что удаление style = "font-size: what" также устраняет проблему?

Вы можете запустить небольшой javascriptscript, заменив style = "font-size: what" на что-то, что даст тот же визуальный эффект, но не проблему.

...