在同一級別對齊文本和textarea

-1

在以下html中，如何在同一級別對齊text和text area？在同一級別對齊文本和textarea

<div> 
    <span>Type</span> 
    <span> <textarea rows="5" cols="100"> </textarea> 
</div>

目前，text出現在的textarea腳下。

來源

2014-04-20 saplingPro

_「目前，文本顯示在textarea的腳下。」 _我不知道你所看到的，但在你的代碼「類型」出現之前，以上， textarea。 – j08691

<span class="alignTogether">type</span> 

<span class="alignTogether"> "your text area" </span>

CSS

.alignTogether { 
    float: left; 
}

有這樣的多種方式....

另一種方式是將.alignTogether類添加到你的CSS，然後添加類到您的DIV這樣的：

<div class="alignTogether"> 
    <span> these will float left </span> 
</div> 

.alignTogether span{ 
    float:left; 
}

我建議審查一些CSS這裏： CSS Tutorials @ W3C

來源

2014-04-20 04:18:39 JayD

你能否解釋你的答案 – saplingPro

你需要了解不同的定位對你的元素的影響。有很多方法可以完成不同的位置。您選擇的不同方式可能會影響頁面其餘部分的佈局，因此您應該查看各種方法，並查看最適合您需求的方式。也繼承....轉到我提供的鏈接並運行一些教程。 – JayD

vertical-align屬性垂直對齊元素。

寫：

.vmiddle{display:inlline-block;vertical-align:top;} 

<div> 
    <span class="vmiddle">Type</span> 
    <textarea class="vmiddle" rows="5" cols="10"> </textarea> 
</div>

DEMO here.

來源

2014-04-20 04:19:43 Hiral

你的意思是這樣的嗎？

<div> 
    <span>Type</span> 
    <textarea rows="5" cols="100"> </textarea> 
</div> 

span{ 
    float:left; 
}

http://jsfiddle.net/T5tJW/

來源

2014-04-20 04:19:53 nick

在同一級別對齊文本和textarea

回答

相關問題