У меня есть строка символов (все это только буквенные и редкие символы новой строки, без пробелов или каких-либо других разделителей ), которые я хотел бы заполнить в ячейке таблицы, вплоть до ширины ячейки (варьируется в зависимости от для размера окна в этом примере установлено значение 50%). Я хочу, чтобы браузер с трудом переносил строку при достижении ширины ячейки таблицы, но также приветствовал символы новой строки в строке. Содержимое в ячейке таблицы должно иметь заданную фиксированную минимальную ширину (200px в примере ниже), что должно привести к появлению вертикальной прокрутки при дальнейшем изменении размера окна. В этот момент, когда окно стало слишком маленьким, я показываю на этом скриншоте:
Я добился необходимого поведения в FF10, используя max-width для td ( детская площадка ), но я не могу сделать то же самое для IE: он игнорирует max-width. Более того, он имеет очень странное поведение, когда max-width установлен на pre: средство визуализации игнорирует фактическую ширину содержимого и думает, что pre не было перенесено ( детская площадка - сравнить с FF; аналогично о проблемах сообщили здесь и там ). В худшем случае вполне допустимо, чтобы содержимое строго фиксировалось на 200px (которое должно применяться к pre для IE, то, что применяется к td, не имеет никакого эффекта). Чтобы это исправление затронуло только IE, я попробовал следующий CSS:
pre {
white-space: pre-wrap;
word-wrap: break-word;
width: expression("200px");
}
td.wrap {
color: red;
max-width: 200px;
}
К сожалению, не работает для IE8.
Целевые браузеры: FF9 (и выше), IE7, IE8, Chrome (последняя версия).
Извините, если эта проблема повторяется: я проверил Как мне обернуть текст в предварительный тег? , Как мне обернуть слово в этот элемент списка? , Невозможно выполнить максимальную ширину , Макс. Ширина не работает в таблице для IE7 и многих других: для IE не найдено определенного решения.