怎样解决插入表单后上下都会空出一行的问题

本文摘自PHP中文网，作者php中世界最好的语言，侵删。

不知道大家在网页制作的时候有没有发现，在插入表单form后，往往在form的上下都会空出一行，这样一来网页的排版就很难看了，所以今天就教大家解决插入表单form出现空行的方法。
其实表单form上下出现的空行并不是真正的空行，而是表单form自带了一个默认的margin值，只是这个值并且不等于0，所以我们只需要用css控制form的margin=0就可以解决这一问题了，CSS代码如下：

相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

相关阅读：

H5的FileReader分布读取文件应该如何使用以及其方法简介

怎样用H5添加禁止缩放功能

在h5里手机端页面缩放应该如何实现

H5的文件域FileReader怎样分段读取文件上传到服务器

以上就是怎样解决插入表单后上下都会空出一行的问题的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

总结html5表单(二) input type 各种输入, 各种用户选择,上传

css如何实现表单验证功能

总结html网页中插入视频的方法

关于html5如何在canvas中插入图片的示例详解

layui如何对表单标签进行校验

深入了解angular中的表单

layui表单元素怎么校验

html5表单验证的解析

具体介绍html5表单新增属性

html中如何使用html表单提交的操作

更多相关阅读请进入《上下》频道 >>

书籍

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元   人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » 怎样解决插入表单后上下都会空出一行的问题