2012-01-30 21 views
17

在我創建了一個非常簡單的HTML表單,我已經要求用戶提供更多的細節,並編碼本節爲:光標在textarea盒子的中間?

<textarea rows="1" cols="50" wrap="physical" name="comments"> 

</textarea> 

任何想法,爲什麼光標在這個盒子的中間開始了?好吧,它不是直接在中間,但絕對不在框的開始處(左上角)。我在這裏看到很多解決方案,他們都需要Javascript來糾正這個問題。有沒有辦法做到這一點只是HTML?

+0

爲什麼要做一行textarea?請使用文本字段或使textarea更高。另外,你能舉一個你看到的例子嗎?這本身並不表現你所描述的行爲。 – j08691 2012-01-30 21:26:30

+0

@ j08691:對不起,這僅僅是一個例子。在我的形式中,它比僅僅一排高。但是,基於該解決方案,看起來這足以重現問題。 – Ray 2012-01-30 21:32:28

回答

48

,當你將其更改爲會發生什麼:

<textarea rows="1" cols="50" wrap="physical" name="comments"></textarea> 

我認爲這並不是一開始就開始,因爲你已經得到了標籤內的空白。

+0

啊,可以吧!取決於他是否完全意味着「中間」,或者只是「不是左側」(或者他內部有25個空格)。 – Gus 2012-01-30 21:26:27

+4

大聲笑...就是這樣!謝謝@nachito! – Ray 2012-01-30 21:30:26

+0

謝謝,很好的答案。 – 2014-04-18 19:46:28

0

這聽起來很奇怪。你看過螢火蟲看看有什麼CSS效果嗎?唯一想到的是它受到text-align: center的影響

0

發生這種情況的原因是因爲在<textarea>標記之間有空白區域。試試這個

<textarea rows="1" cols="50" wrap="physical" name="comments"></textarea> 
相關問題