首页 > web前端 > css教程 > 正文

为什么我的文本区域下方有多余的空间?

Susan Sarandon
发布: 2024-11-04 21:12:01
原创
748 人浏览过

Why Does My Text Area Have Extra Space Below it?

文本区域下方的额外空格:原因和解决方案

问题:

尽管使用简单的标记,额外的垂直空间出现在

代码片段:

<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>
登录后复制

原因:

多余的空间是由

解决方案:

要消除多余的空间,请将以下 CSS 规则添加到您的

<code class="css">textarea {
    vertical-align: top;
}</code>
登录后复制

这会将

以上是为什么我的文本区域下方有多余的空间?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板