вертикальный текст для отображения в таблице TD? - PullRequest
1 голос
/ 06 августа 2010

Как сделать текст в вертикальной в PHP ??

Мне нужно, чтобы текст отображался в вертикальном стиле в тексте таблицы Td

он должен печатать вертикально или мне нужно вращать?

Ответы [ 3 ]

5 голосов
/ 06 августа 2010

CSS:

Для FF 3.5 или Safari / Webkit 3.1 проверьте: -moz-transform (и -webkit-transform). IE имеет матричный фильтр (v5.5 +).

.rot-neg-90 {
  /* rotate -90 deg, not sure if a negative number is supported so I used 270 */
  -moz-transform: rotate(270deg);
  -moz-transform-origin: 50% 50%;
  -webkit-transform: rotate(270deg);
  -webkit-transform-origin: 50% 50%;
  /* IE support too convoluted for the time I've got on my hands... */
}

PHP: ( Поскольку OP пометил PHP )

Если вы имели в виду вертикальный текст на изображении, попробуйте:

header ("Content-type: image/png"); 

// imagecreate (x width, y width)
$img_handle = @imagecreatetruecolor (15, 220) or die ("Cannot Create image"); 

// ImageColorAllocate (image, red, green, blue)
$back_color = ImageColorAllocate ($img_handle, 0, 0, 0); 
$txt_color = ImageColorAllocate ($img_handle, 255, 255, 255); 
ImageStringUp ($img_handle, 2, 1, 215, $_GET['text'], $txt_color); 
ImagePng ($img_handle); 
ImageDestroy($img_handle);
4 голосов
/ 06 августа 2010

Это не имеет ничего общего с PHP.

Просто используйте правильные свойства CSS

http://www.w3.org/TR/2001/WD-css3-text-20010517/#PrimaryTextAdvanceDirection

РЕДАКТИРОВАТЬ : извините, я думал, что это кросс-браузер, но похоже, что он работает только в IE Вы можете использовать -webkit-transform: rotate(-90deg); или -moz-transform: rotate(-90deg); для кросс-браузерной совместимости.

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

Предполагая, что вы хотите, чтобы ваш вывод был реальным текстом, а не графикой, вам нужно использовать вращение текста CSS. Вращение текста в настоящее время не является частью стандарта (хотя CSS3 должен изменить это) и обычно поддерживается с помощью специфичных для браузера префиксов (-webkit-transform для webkit, -moz-transform для браузеров Mozilla) или текстовых фильтров (IE) .

В этой статье представлен хороший обзор того, как использовать вращение текста CSS в кросс-браузерном режиме.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...