表單輸入textarea垂直對齊不工作

我很努力地獲得輸入文本與輸入textarea的頂部對齊，在HTML表單上，並廣泛搜索論壇，所以我想我會在這裏發佈。表單輸入textarea垂直對齊不工作

我已經嘗試使用：

textarea{ 
vertical-align:top;}

和

input["textarea"]{ 
vertical-align:top;}

我也嘗試添加autoflow:auto;

來源

2014-02-26 Paul Till

這不正是它已經呢？ –

'overflow：auto' not'autoflow：auto;' – Morpheus

@Paul請解釋一下你正在努力實現的目標，並分享一下你迄今爲止所做的一切。 –

我認爲你想使用<textarea>而不是<input>。 Here's some background也適合你，但是你對不同的事物使用不同的表單元素。

HTML

<input type="text" placeholder="input" value="input"> 
<br /> 
<textarea rows="10">Textarea that has text aligned to the top. No css needed</textarea>

Demo Here

來源

2014-02-26 21:36:37 dward

你怎麼能告訴這是什麼操作試圖問？ – Kody

我最好的猜測是他的CSS選擇'input [type =「textarea」]'。 – dward

這就是它 - 簡直不敢相信你只是這麼回答這個問題，非常感謝 –

林不知道你的問題，但我會盡量給出一個答案，我相信這是你的問題:)

當你這樣做：

<form> 
    <textarea cols="25" rows="5" required> 

    </textarea> 
</form>

當你運行代碼時，你的textarea之間的空間已經被渲染 - 這意味着當你想輸入textarea時，你可以開始發送100個不同的地方。

我想你想要做的是這樣的：

<form> 
    <textarea cols="25" rows="5" required></textarea> 
</form>

這樣在文字區域的短信將在textarea的左上角開始，那是因爲你還沒有渲染當您在任何線運行此代碼。

DEMO兩個版本的： http://jsfiddle.net/2thMQ/4/

來源

2014-02-26 22:09:24 Anonymous

表單輸入textarea垂直對齊不工作

回答

相關問題