1
A
回答
4
不与PHP有什么关系。
只要使用适当的CSS属性
http://www.w3.org/TR/2001/WD-css3-text-20010517/#PrimaryTextAdvanceDirection
编辑:对不起,我认为这是跨浏览器,但看起来它只能在IE 作品可以使用-webkit-transform: rotate(-90deg);
或-moz-transform: rotate(-90deg);
为跨浏览器兼容性。
5
CSS:
对于FF 3.5或Safari/3.1的Webkit,检查出:-moz-transform(和-webkit变换)。 IE有Matrix filter(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);
1
假设您希望您的输出为实际文本而不是图形,则需要使用CSS文本旋转。文本旋转目前不是标准的一部分(尽管CSS3应该改变这一点),并且通常通过特定于浏览器的前缀(用于webkit的-webkit-transform,用于Mozilla浏览器的-moz-transform)或文本过滤器(IE) 。
This article提供了一个很好的概述如何以跨浏览器的方式使用CSS文本旋转。
相关问题
- 1. 显示文本在框中间(垂直)
- 2. 列表视图,垂直显示文本
- 3. 表td的垂直溢出
- 4. 如何在UWP/WinRT中垂直文本显示中的文本
- 5. 在jquery中显示垂直制表符
- 6. 使用XDrawString垂直显示文本
- 7. 如何显示垂直文本
- 8. 显示表格垂直
- 9. 垂直显示
- 10. 显示表不是垂直居中文本移动
- 11. 在TD元素中垂直对齐图像和文本
- 12. CSS表TD垂直对齐文本的顶部
- 13. 显示垂直滚动条一直在一个文本字段
- 14. IE9上的CSS:表格中的td元素中的div将垂直显示
- 15. 垂直中心垂直文本
- 16. 在垂直线上垂直写文本
- 17. 显示数据在垂直方向表
- 18. 如何在td中垂直拉伸div?
- 19. 垂直列光标在文本编辑器中高亮显示?
- 20. 垂直对齐文本 - 在IE8中无法正常显示
- 21. 如何在JLabel中垂直显示文本? (Java 1.6)
- 22. 如何在XSL中显示垂直文本
- 23. 在资源管理器中垂直显示文本?
- 24. 在一行中如何显示文本框垂直
- 25. 在UILabel或文本视图中显示垂直分数
- 26. 如何在垂直UIScrollView中显示文本和其他对象?
- 27. 在IE和Firefox中垂直显示文本(旋转90度)
- 28. 在div上垂直显示文字
- 29. 垂直ListView显示
- 30. 蟒蛇xhtml2pdf表格单元格文本显示为垂直
php有什么与它有关的? – 2010-08-06 19:52:02
你的意思是用PHP渲染一个带有垂直文本的图形? PHP不处理文本显示,你需要像在[这个问题]中使用CSS(http://stackoverflow.com/questions/1080792/how-to-draw-vertical-text-with-css-cross-浏览器) – 2010-08-06 19:52:29
你只是想让这些字母出现在对方之上吗?或者你还想让字母旋转90度(或270度)? – 2010-08-06 19:52:29