さまざまなブラウザでテキストエリアの下の余分なスペースを削除するにはどうすればよいですか?

ブラウザのテキストエリアの下に余分なスペースがあります

HTML では、テキストエリアの下部に余分なスペースが表示され、ブラウザによって高さが異なります。 。このギャップは、潜在的なテキストディセンダーのスペースを表すテキストエリアのインラインまたはインラインブロックの性質によって発生します。

この余分なスペースを削除するには、CSS プロパティ「vertical-align: top」を適用する必要があります。テキストエリア要素。このプロパティにより、テキストエリアのベースラインが周囲の要素の上部と確実に一致し、ギャップが効果的に解消されます。

次の改訂された HTML および CSS コードは、解決策を示しています。

<code class="html"><style>
    body {
        margin: 0;
        padding: 0;
    }
    .main {
        background-color: red;
    }
    textarea {
        background-color: gray;
        resize: none;
        margin: 0;
        border: 0 none;
        padding: 10px;
        height: 50px;
        overflow: hidden;
        vertical-align: top;
    }
</style></code>

以上がさまざまなブラウザでテキストエリアの下の余分なスペースを削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。