HTMLCSS：文本类型输入上方和下方的额外间距

概述实例： http://jsfiddle.net/yDQXG/ 我在Chrome中看到的内容：http://i.imgur.com/shLfA.png 我似乎无法弄清楚输入元素(蓝色字段)周围的间距来自何处.有任何想法吗？ <form method="get"><fieldset class="halfblock"> <input class="blockheader" type="tex 实例： http://jsfiddle.net/yDQXG/

我在Chrome中看到的内容：http://i.imgur.com/shLfA.png

我似乎无法弄清楚输入元素(蓝色字段)周围的间距来自何处.有任何想法吗？

<form method="get"><fIEldset >    <input  type="text" value="FIEld A">    <textarea  rows="5">line 1&#13;&#10;line 2</textarea></fIEldset></form>

解决方法 这是因为它们是内联元素.图像经常发生同样的事情.

您需要做的就是在输入中添加display：block：

input.blockheader {    margin: 0;    padding: 0;    text-align: center;    background: #ABD9E2;    Font: 11px/11px 'Vollkorn',serif;    border: none;    wIDth: 100%;    position: relative;    /* top: -7px; */    display: block;}

总结

以上是内存溢出为你收集整理的HTML / CSS：文本类型输入上方和下方的额外间距全部内容，希望文章能够帮你解决HTML / CSS：文本类型输入上方和下方的额外间距所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。