0

スパンにテキストがあり、その下にテキストエリアと大きな四角いボタンが並んでいるはずです。テキスト領域とスパンの間、またはボタンとスパンの間に垂直方向のスペースがあってはなりません。textareaは完全に表示されます。ただし、ボタンの上には約15〜20ピクセルの空白スペースがあるため、テキスト領域よりもかなり下に表示され、適切に配置されていません。パディングとマージンを0pxに設定するように指示したので、Fは何ですか?

<span class="notice">
Logged in as "ladygaga" (type message and hit ENTER or click SEND)
</span>

<textarea id="messagebox">
</textarea>
<button id="send">SEND</button>

そしてCSS:

#messagebox
{
width:300px;
height:40px;
background-color:white;
border:2px;
border-style:solid;
border-color:green;
overflow:auto;
resize:none;
}

#send
{
margin:0px;
padding:0px;
font-size:14px;
height:40px;
width:50px;
}
4

2 に答える 2

3

これ:

#send {
    vertical-align: top; 
}

ライブデモ: http: //jsfiddle.net/YSHmE/2/

于 2012-05-13T21:04:56.810 に答える
0

vertical-align:topを使用しましたが、まだ空白があります。表示の使用:ブロックは問題を解決しました。空白はありません。

于 2020-07-20T17:28:53.917 に答える