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. 显示表格垂直
- 5. 垂直显示
- 6. IE9上的CSS:表格中的td元素中的div将垂直显示
- 7. 如何在JLabel中垂直显示文本? (Java 1.6)
- 8. 垂直对齐文本 - 在IE8中无法正常显示
- 9. 在IE和Firefox中垂直显示文本(旋转90度)
- 10. 在资源管理器中垂直显示文本?
- 11. 在UILabel或文本视图中显示垂直分数
- 12. 如何在td中垂直拉伸div?
- 13. 在div上垂直显示文字
- 14. 垂直ListView显示
- 15. 垂直对齐文本和图像显示用表
- 16. 在asp.net中以垂直方式显示数据和垂直显示
- 17. C#WPF垂直列表框不显示垂直滚动条
- 18. 在td中100%的高度,将文本放置在垂直中间
- 19. 在oracle中垂直显示结果
- 20. 如何显示旋转在Android的WebView /垂直文本
- 21. 列表框显示字符串垂直
- 22. 用divider垂直显示表格列android
- 23. 垂直显示yii2复选框列表
- 24. 垂直文本旁边的垂直线
- 25. 垂直对齐SlickGrid头垂直文本
- 26. 按钮文字垂直显示
- 27. ImageMagick:垂直居中文本?
- 28. 垂直居中文本
- 29. CSS垂直居中文本
- 30. datagridview中的垂直文本
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