元素之间的间距

时间:2014-07-28 06:21:37

标签: html css

这是小提琴:Fiddle

为什么textarea和按钮之间有空格以及如何删除它?

我尝试将marginpadding设置为0,但它没有帮助。

3 个答案:

答案 0 :(得分:4)

这是因为line-height类的.wrapper。在你的CSS中添加以下样式。

.wrapper{line-height:0px}

DEMO

修改

上述解决方案在Chrome和Firefox中运行良好。在IE中,它将截断子元素的所有line-height。因此,您必须明确提及line-height内部元素,如下所示。

 textarea,
 submit_raw_wrapper,
 button {
 margin:0;
 padding:0;
 line-height:16px;
 } 

DEMO

答案 1 :(得分:0)

只需调整浮动:

例如

textarea,
submit_raw_wrapper,
button {
   margin:0;
   padding:0;
   float:left;
}

答案 2 :(得分:0)

textarea,
submit_raw_wrapper,
button {
margin:0;padding:0;float:left;
}

DEMO