Таблицы HTML - Как сделать IE не разбивать строки на дефисы

У меня есть некоторые ячейки таблицы, содержащие даты, отформатированные следующим образом: 2009-01-01. I.E 7, кажется, разбивает их на две строки в дефис. Есть ли способ отключить это?

Ответы

Ответ 1

Вы ищете white-space свойство, которое позволяет вам контролировать, как пробелы и разрывы строк влияют на содержимое вашего элемент. Чтобы свернуть последовательности белого пробела, но предотвратить разрывы строк, вы можете использовать значение nowrap:

.dates {
    white-space: nowrap;
}

<td class="dates">2009-01-01</td>

Ответ 2

Я уверен, что есть лучший способ CSS, но старый способ - без прерывания: <nobr>...</nobr>, но без прерывания вызовет ничего, чтобы перейти к следующей строке.

Другой способ - использовать Непрерывный дефис. Таким образом, вы все равно можете обернуть, просто не в дефис.

Ответ 3

Используйте этот CSS:

.nowrap {
    white-space: nowrap;
}

Обменивайте свои даты наподобие: <span class="nowrap">2009-01-01</span>.

Изменить: преимущество этого решения над другими заключается в том, что он дает вам более точный контроль над тем, что должно или не должно завершаться. Ваши ячейки могут по-прежнему захватывать пробелы и другие дефисы вне диапазона.

Ответ 4

Я пробовал все эти предложения. Никто не работал. Нашел решение на другой странице: Без дефиса нет разрыва строки. Вы можете использовать код для неразрушающего дефиса, &#8209;.

Ответ 5

увеличить размер вашего TD, и это не будет проблемой

Ответ 6

Это НЕ правильный способ ответа на ваш вопрос, но я так делаю:

<td>Hello&nbsp;-&nbsp;World</td>

Мне нравится этот метод лучше, потому что вам не нужно добавлять атрибут <style> или class. Кроме того, он делает текст одной строкой, так что она не может быть завершена браузером.

Как я уже сказал, большинство людей не согласится, но я думаю, что это практическое решение лучше, чем стандартное решение.

Ответ 7

Моя глупая ошибка заключалась в том, что я забыл поместить пробелы между ними, когда я установил интервал с дополнением. Мне понравилось <span>Bla 1</span><span>Bla 2</span><span>Bla 4</span>
и это не ломалось, так как я думал, что нужно. Итак, теперь у меня есть:
<span>Bla 1</span> <span>Bla 2</span> <span>Bla 4</span>
и, конечно же, он работает так, как должен и ожидается.

Может быть, моя ошибка поможет кому-то...