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