怎么去掉form的高度(form不会撑出td)
建站知识 2021-07-03 08:43www.168986.cn长沙网站建设
加上
<style>
form{margin: 0}
</style>
就ok了
2. 直接写如form中:
<form style='padding:0px;margin:0px;'>
我们在用Frontpage或Dreamweaver做网页时,当要插入表单于表格中时往往会出现表格的高度变大,并不是我们想要的效果,这类出问题出现的原因是<form>标签出现在了<table>的前面,如下:
<form name="test" method="post">
<table>
<tr>
<td>
</td>
</tr>
</table>
</form>
解决的方法很简单:即将<form>放在<table>与<tr>之间,如下:
<table>
<form name="test" method="post">
<tr>
<td>
</td>
</tr>
</form>
</table>
问题是解决了,但也带来其它的问题.那就是当我们用MS的Webdesigner之类的工具打开这页面时,提示标签错误,这类软件要求<form>标签要放在<table>的外面...
放在外面就会出现高度增加的情况,反正IE和FF都能正常解释,所以不用管了,就放在里面好了.
不过,这不代表问题从根本上得到解决,毕竟这样的代码是通过不了验证的,也就是说不是符合标准的,当w3c不让我们用table来排版的时候,就需要用其它的方法.让我们来看看从根本上解决问题的方法:
<style>
form{margin: 0}
</style>
复制代码
代码如下:<style>
form{margin: 0}
</style>
就ok了
2. 直接写如form中:
<form style='padding:0px;margin:0px;'>
我们在用Frontpage或Dreamweaver做网页时,当要插入表单于表格中时往往会出现表格的高度变大,并不是我们想要的效果,这类出问题出现的原因是<form>标签出现在了<table>的前面,如下:
复制代码
代码如下:<form name="test" method="post">
<table>
<tr>
<td>
</td>
</tr>
</table>
</form>
解决的方法很简单:即将<form>放在<table>与<tr>之间,如下:
复制代码
代码如下:<table>
<form name="test" method="post">
<tr>
<td>
</td>
</tr>
</form>
</table>
问题是解决了,但也带来其它的问题.那就是当我们用MS的Webdesigner之类的工具打开这页面时,提示标签错误,这类软件要求<form>标签要放在<table>的外面...
放在外面就会出现高度增加的情况,反正IE和FF都能正常解释,所以不用管了,就放在里面好了.
不过,这不代表问题从根本上得到解决,毕竟这样的代码是通过不了验证的,也就是说不是符合标准的,当w3c不让我们用table来排版的时候,就需要用其它的方法.让我们来看看从根本上解决问题的方法:
复制代码
代码如下:<style>
form{margin: 0}
</style>
上一篇：CSS圆角效果 -webkit-border-radius(CSS3中border-radius隐藏
下一篇：css中强制换行word-break、word-wrap、white-space区别实
长沙网站设计
- 如何自己建一个网站 自己想建个网站,怎么建
- 如何制作网站免费建站 创建网站免费注册
- html简单网页代码 html简单网页代码超链接
- dreamweaver网页制作 dreamweaver网页制作模板
- 上海网站建设 上海网站建设制作微信
- 如何制作网站和网页 如何制作一个网页
- html网页制作代码大全 端午节html网页制作代码大
- app开发公司 app开发公司前十名
- html网页制作 html网页制作文字居中
- app制作一个需要多少钱 请人制作一个app多少钱
- 成都网站制作 成都网站制作维护
- 百度建一个网站多少钱 百度做个公司网站要多少
- html+css网页制作成品 web网页制作成品css+javascrip
- html网页制作案例 html网页设计案例
- html+css网页制作成品 web网页制作成品css+javascrip
- 个人网站模板 个人网站模板HTML