首頁 >web前端 >css教學 >為什麼我的文字區域下方有多餘的空間？

為什麼我的文字區域下方有多餘的空間？

Susan Sarandon原創: 2024-11-04 21:12:01790瀏覽

Why Does My Text Area Have Extra Space Below it?

文字區域下方的額外空格：原因和解決方案

問題：

問題：

儘管使用簡單的標記，額外的垂直空間出現在下方各種網頁瀏覽器中的元素，範圍從1 到4 像素。

<code class="html"><html>
    <head>
        <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;
            }
        </style>
    </head>
    <body>
        <div class="main">
            <textarea></textarea>
        </div>
    </body>
</html></code>

程式碼片段：

原因：

多餘的空間是由預設方式造成對齊的元素，被分類為內聯（或內聯塊）元素。此間隙是為下面文本中的潛在下伸部分保留的。

解決方案：

<code class="css">textarea {
    vertical-align: top;
}</code>

要消除多餘的空間，請將以下 CSS 規則加入您的

以上是為什麼我的文字區域下方有多餘的空間？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

css for using default this

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：如何自訂 Google 地圖 InfoWindow 簡報？下一篇：如何自訂 Google 地圖 InfoWindow 簡報？

看更多