表单内元素之间的默认间距该如何清除?求高手

发布网友发布时间：2022-05-12 18:19

共2个回答

懂视网时间：2022-05-12 22:41

前几天写一个页面

div{width:900px;}
div li{ display:inline-block; width:300px;}

　发现宽度为900px的div居然放不下3个宽度为300px的内联元素li，只好改用了float:left来布局。后来上网一查，才知道inline-block是有默认间距的，默认间距为4px,并且inline也是有默认间距。现在就来盘点一些解决inline-block元素和inline元素之间间距的一些方法：

1、可以在html中直接把元素写在一行上或把闭合标签和第二个开始标签写在一行或两行间添加注释或直接去掉闭合标签但最后一个不能去掉。

2、设置margin-right为负值，但要考虑上下文的字体和文字大小。

3、先设定子元素字体，再设置父元素font-size:0px;////chrome中：-webkit-text-size-adjust:none;

4、设置父元素letter-spacing或word-spacing为负值，要考虑字体，子元素有文字也要注意设置letter-spacing或word-spacing的值。

5.float:left;

热心网友时间：2022-05-12 19:49

因为的input和input之间的空白字符，也是字符呀，你可以将它们连在一起：
<input type="text" id="search1" name="search1" /><input type="submit" id="submit1" name="submit1" value="搜索"/><input type="submit" id="submit2" name="submit2" value="高级搜索" />

不过这样不利于阅读，格式化后你的样式就乱了。所以如果要并排显示的话，最好让input使用block显示，如：

input {
display:block;
float: left;
margin: 0px;
padding: 0px;
}