去掉form的高度 --table中有form,td的高度直接被撑高了,去掉form的高度就好了
来源:互联网 发布:新西兰驾照翻译软件 编辑:程序博客网 时间:2024/04/28 20:40
项目中遇到的问题,页面点击提交时,总是要点击两下,先以为是页面焦点的问题,在页面提交按钮获取了焦点,但是问题还是没解决。最后终于找到问题原因了,原来是form表单的高度比编辑的高度高出一截。于是在网上搜查了一番,没想到还真有解决办法。
一个form中嵌套table时,form的高度老是比编辑的高度高出一截,将td撑得老高,造成了form下面一段空白,很难看。
我们在做网页时,当要插入表单于表格中时往往会出现表格的高度变大,并不是我们想要的效果,这类问题出现的原因是<form>标签出现在了<table>的前面,如下:
- <form>
- <table>
- <tr>
- <td>
- </td>
- </tr>
- </table>
- </form>
解决的方法很简单:即将<form>放在<table>与<tr>之间,如下:
- <table>
- <form>
- <tr>
- <td>
- </td>
- </tr>
- </form>
- </table>
问题是解决了,但同时也带来其它的问题.那就是当我们用MS的Webdesigner之类的工具再次打开这页面时,提示标签错误,这类软件要求<form>标签要放在<table>的外面...
放在外面就会出现高度增加的情况,反正IE和FF都能正常解释,所以不用管了,就放在里面好了.
不过,这不代表问题从根本上得到解决,毕竟这样的代码是通过不了验证的,也就是说不是符合标准的,当w3c不让我们用table来排版的时候,就需要用其它的方法.让我们来看看从根本上解决问题的方法:
解决办法:
直接在form中写<form style='padding:0px;margin:0px;'>
或者:
- <style>
- form{margin: 0}
- </style>
- 去掉form的高度 --table中有form,td的高度直接被撑高了,去掉form的高度就好了
- 去掉form的高度
- form的高度
- FORM的高度
- Form的高度有限制,form的高度只能比屏幕的高度大一点点
- C#中 form窗体的宽度和高度最大值限制
- struts2的form等表单布局问题,去掉其自动生成的<table><tr><td>标签
- 如何去掉Form的标题栏?
- table 自适应TD的高度/宽度
- 固定td的高度
- 如何设置table中td的高度为1px
- php 去掉图片的宽度、高度设置
- extjs中去掉form表单标签后面的冒号
- asp.net中的form可以去掉,asp.net母版页的form可以去掉?
- 如何固定td的高度
- 文件夹开发的Form,想要实现改变Item栏位的高度大小的开发办法
- Table的思索(一):TD宽度与高度的分配
- Mobile的Form窗口去掉ok和x的按钮
- 虚拟机下设置共享文件夹
- 【汇编/反汇编专区】HIEW使用简介
- C# winform 获取当前路径
- C# windows服务知识集锦
- 【新番茄系统】关闭Superfetch服务会不会有什么影响
- 去掉form的高度 --table中有form,td的高度直接被撑高了,去掉form的高度就好了
- java properties文件乱码问题
- Web.config配置文件详解
- 基于 Silverlight的快速开发框架RapidSL新版改进源码
- css控制背景图片随div的大小而缩放
- linux mysql 安装后密码问题
- Java多态性详解——父类引用子类对象
- 创业公司打造“A级团队”的七个方法
- 张家界之旅