自定義textarea的文本對齊

我的國家腳本是垂直書寫的，從左到右排列。自定義textarea的文本對齊

我需要爲此需求自定義textarea的文本對齊方式。

默認情況下，textarea中的文本是水平寫入的，從上到下對齊。我附上了我的國家劇本的照片。

任何想法如何做到這一點？如何自定義文本區域的文本對齊方式？

對不起，我英文很差。

來源

2013-04-22 Davaahuu Jamsran

我看不到任何東西連接... – eis 2013-04-22 07:02:19

您可能沒有足夠的權限後的圖像。你可以發佈一個鏈接到圖像？人們可以爲你更新。 – Passerby 2013-04-22 07:03:13

你可以上傳圖片http://imgur.com/ – 2013-04-22 07:09:06

我想你所指的寫作模式，而不是對齊：使文本在一條線上垂直延伸，由上到下，你需要有瀏覽器所呈現的文字，並與左佈局線向右。

目前看來這是不可能的。但是，在某些使用可編輯的div元素而不是textarea的瀏覽器中，您可能會達到預期效果。

根據CSS Writing Modes Module Level 3草案，您可以簡單地設置writing-mode: vertical-lr。看起來目前還沒有實現，但IE已經有了它自己的版本，該屬性的命名值不同，Chrome現在支持該屬性，但僅支持供應商前綴。

但是，儘管一般情況下對設置有一些瀏覽器支持，但它似乎不適用於textarea：在IE中，文本垂直運行，但行從右向左運行，第一行放置在該地區的權利;在Chrome中，文本水平運行。原因可能是textarea元素具有與寫入模式的實現衝突的特殊實現。

示例代碼（您可能需要調整字體的設置使用含有蒙古字母的字體看到這一點）：

<style> 
div, 
textarea { 
    writing-mode: tb-lr; 
    -moz-writing-mode: vertical-lr; 
    -webkit-writing-mode: vertical-lr; 
    writing-mode: vertical-lr; 
} 
</style> 
<textarea rows=7 cols=7>ᠮᠣᠨᠭᠭᠣᠯ ᠬᠡᠯᠡ ᠤᠯᠠᠭᠠᠨᠪᠠᠭᠠᠲᠤᠷ</textarea> 
<div style="width: 5em; height: 4em; border: solid blue 1px"> 
ᠮᠣᠨᠭᠭᠣᠯ ᠬᠡᠯᠡ ᠤᠯᠠᠭᠠᠨᠪᠠᠭᠠᠲᠤᠷ 
</div>

所以在我的測試中，div看起來不錯的IE瀏覽器和Chrome瀏覽器，但textarea沒有。因此，也許你可以使用<div contenteditable>和一些JavaScript，在表單提交時（如果這是爲了將表單提交給服務器端處理）將div內容複製到隱藏字段。

這是它是如何工作的IE瀏覽器：

enter image description here