Вопрос по vertical-alignment, css – Как создать вертикальный текст, используя только CSS?

4

Можно ли создавать вертикальный текст, используя только CSS, совместимый с IE6 +?

Под вертикалью я имею в виду

F
O
O

B
A
R

Ваш Ответ

3   ответа
1

Это работает в IE, но, к сожалению, не FF:

.verticaltext 
{
    writing-mode: tb-rl;
    filter: fliph flipv;
}
Большое спасибо ! это решает мою проблему ... и еще один - как использовать с Firefox и другими браузерами. RedsDevils
7

Отредактировано: Вы можете попробовать следующее:

  letter-spacing: 1000px;    // more than width of parent 
  word-wrap: break-word;    // seems to work in at least Firefox and IE7+ 
}

Это похоже на работу в Firefox 3.5 и IE7 + (неу меня нет доступа к IE6 прямо сейчас). Единственное, чего не хватает в этом решении, - это новой строки для пробела, в результате получается что-то вроде: FOOBAR











Теперь все работает, нужна была перенос слов ... jeroen
Я думаю, что это неЯ думаю, что не работает на IE6. Альтернативой может быть сделать контейнер достаточно маленьким, чтобы сломать слово. Также слово должно иметь пробелы между буквами, чтобы можно было разбивать слова в браузере. Esteban Küber
0

в IE), используя этот CSS:

.verticaltext {
  writing-mode: tb-rl;
}

Но это повернет символы на 90 градусов по часовой стрелке.

Похожие вопросы