テキスト領域から余白を取り除く方法

-1

私はtextareaとbuttonを持っています。私は私がいないスタイルでインラインそれらを配置する場合、それらはbottom.Butから同じ水平線に配置されたかったことは、このように表示されている適用：テキスト領域から余白を取り除く方法

私はちょうどそれらを引き起こしているかを理解することができません起こるように？余分な余白はテキスト領域の下部にありますか？そして、私は、フォームの入力と同じことをやっているとき、彼らは、画像2のように大丈夫です：

だから何がこのように振る舞うために textareaを引き起こしていますか？

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <style type="text/css"> 
     textarea,button 
     { 
      margin:0; 
     } 
    </style> 
</head> 
<body> 
    <div> 

<textarea>textarea</textarea> 
<button>Button</button> 
    </div> 
</body> 
</html>

出典

2017-12-08 Utsav Prasad

両方のCSSを0に設定します。textarea、button {margin：0;}デフォルトでは、ブラウザはデフォルトのパディング、余白、およびその他の値で要素をレンダリングします。手動で0に初期化する必要があります。 –

作業コードを追加してください。イメージからコードをデバッグするのはとても難しいです。 – panther

これはChromeで、btw、Firefoxではなく、要素のマージンではありません... – sinisake

-1

は、あなたのスタイルにvertical-align: bottom;を追加します。

<style type="text/css"> 
    textarea,button 
    { 
     vertical-align: bottom; 
    } 
</style>

問題がinline要素にそれらを設定すると、その垂直配向して台無しということです。スタイルはこの問題を解決します。

出典

2017-12-09 23:11:38 barbarossa

問題はそれを修正する方法ではなく、それが原因です。「テキストエリアがこのように動作する原因は何ですか？」 –

テキスト領域から余白を取り除く方法

答えて

関連する問題