在TD中放一个form表单时会出现TD撑大的现象，但空间又不知道去了哪？

最新推荐文章于 2021-06-16 22:14:07 发布
最新推荐文章于 2021-06-16 22:14:07 发布
阅读量1.3k 收藏
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yuanboitliuyuan/article/details/4038047
本文介绍了一种常见的网页布局问题——TD元素内的form表单导致的空间异常增大现象，并提供了解决方案：通过设置form元素的style属性为'margin:0px;padding:0px;'来消除额外的空间。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在TD中放一个form表单时会出现TD撑大的现象，但空间又不知道去了哪？

 

       解决办法：   设值form 的属性： style="margin:0px;padding:0px;"  form  就一点空间也不占了；

飞翔coder
关注
怎么去掉form的高度(form不会撑出td)
12-13
我们在用Frontpage或Dreamweaver做网页时,当要插入表单于表格中时往往会出现表格的高度变大,并不是我们想要的效果,这类出问题出现的原因是<form>标签出现在了的前面,如下: 复制代码代码如下: <form name=...
在antd Form表单中select设置初始值操作
01-18
我就废话不多说了，大家还是直接看代码吧~ <Form.Item label=作用对象> {getFieldDecorator('targetId', { initialValue: this.state.targetId }, { rules: [{ required: false, message: '作用对象' }]...
html form td,table中的td之间无法放置form标签
weixin_35539198的博客
06-16 579
在dreamweaver中创建一个表格table，然后想在之间放置一个form，例如：method="post" action="demo.php">id="content1" name="content1" cols="100" rows="8"style="width:700px;height:200px;visibility:hidden;">...
如何在一个<td>里放2个以上的<form>而不换行
幻梦星空的小窝的博客
11-24 901
标签默认是会换行的，如果在一个里放多个的话，就会换行显示 用了 form{margin:0px;display: inline}的方法，但是IE下无效 方法一： TABLE>   TR>     TD>FORM METHOD=POST ACTION="" style="float:left">         a   
固定table td的宽度
Simplicity is more complicated than you think
06-29 5891
 
TD不换行 nowrap属性
热门推荐
有梦就能实现
11-23 9万+
表格table的td单元格中，文字长了往往会撑开单元格，但是如果table都不够宽了，就换行了好像（不要较真其他情况，我只说会换行的情况）。换行后的表格显得乱糟糟，不太好看，我不喜欢这样的换行。当然可以通过对每列td都设置宽度，那样太麻烦了，并且有时没法预计td中的文字会有多长，没法给固定宽度。 为了让表格里文字不换行（预计也不会太长的字符串），可以给表格里td添加一个nowrap属性，如
html 设置td最小宽度,如何设置td标签的宽度和高度
weixin_39943442的博客
05-30 5686
table中如何用CSS控制>的宽度和高度标签改变宽度如何设置html td 的宽度比例统一？就是td里面的内容多少不一致是，td都是按照固定的比例的，就是td的宽度需要准备的材料分别有：电脑、浏览器、html编辑器。首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入html代码： 135245345353 4545654656浏览...
antd Form组件行并列显示 Form表单属性为inline时,表单组件宽度问题
01-06
Form标签 layout属性设置为’inline’ 时 下拉组件宽度没有自适应: // 方法1:用Row + Col 定义自己需要的宽度,把layout属性设置为'horizontal', const formLayout = { labelCol: { span: 4 }, wrapperCol: { ...
antd form表单数据回显操作
01-22
index页面有一个表格，有一个新增按钮，点击新增按钮或表格编辑弹出表单模块，如果是编辑，会回显对应的表格中的数据 //index页面 import React from 'react' import { Table, Button, message, Input, Select, ...
html 设置td最小宽度,td单元格合并时 td宽度问题
weixin_29023079的博客
05-30 525
下面示例中，当姓名所在td的宽度是60px，如果第二行里的文字较少时，显示正常，如果第二行里的文字较多时，则显示不正常了复制代码代码如下:脚本之家.mTable{width:200px;border:1px solid #666;border-collapse:collapse}.mTable td{border:1px solid #666}姓名：某某个人简介姓名：某某个人简介个人简介个人简介解...
动态添加form表单，表单中包括表格的td和tr标签(失败)
wflsyf的博客
02-05 788
尝试了很多种方法 1、jquery中的appemd 方法，直接添加在表格后，但是没成功。 2、用appendto和appendChild还是没用。 3、用dom的创建新元素form然后追加的方法还是无效。 尝试了一下午还是失败了，最后只有另起一个servlet，来编写插入功能实现。 ...
关于form表单放在table中失效的问题
少为人的博客
04-13 999
table中不能随意放form表单 但可以放在td标签中
table标签中添加input表单时，td会发生变化
sarida的博客
09-25 4019
1、在table标签中设置  style = "table-layout:fixed "        2、在第一个tr标签中td设置 width 固定长度或比例 ，第一个tr标签中的td不要使用 colspan &lt;table style = "table-layout:fixed"&gt;         &lt;tr&gt;                  &lt;td  wi...
如何使button自动填充table的单元格
The_Best_Hacker的博客
10-09 2507
【题目需求】：如何使button自动填充table的单元格 原代码： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;计算器&lt;/title&gt; &lt;script&g
at-td react中如何at-td react中如何使form组件一行只有两列使form组件一行只有两列
最新发布
11-20
在 Ant Design 的表格渲染 (`<Table />`) 结合 Form 组件 (`<Form />`) 中，如果你想让表单控件在一行为两列布局，可以结合 `Form.Item` 和 `Layout` 组件来自定义布局。首先，使用 `Form.Item` 来创建表单元素，然后将它们包装在一个具有 `layout` 属性的 `Layout.Row` 和 `Layout.Col` 对象中，指定列宽。这里是一个基本的例子： ```jsx import { Form, Layout } from 'antd'; import { Col, Row } from 'antd/lib/layout'; const { FormItem } = Form; const FormLayoutExample = () => { const form = Form.create(); return ( <form onSubmit={e => e.preventDefault()}> <Layout> <Row gutter={16}> <Col span={4}> <FormItem label="字段1"> {/* 这里填写你的输入框、选择器或其他控件 */} <input type="text" /> </FormItem> </Col> <Col span={8}> <FormItem label="字段2"> {/* 同样地，你可以在这里添加另一个输入框或相关控件 */} <input type="text" /> </FormItem> </Col> {/* 如果有更多字段，只需复制并调整Col的span */} {/* ... */} </Row> {/* 可能需要的其他行... */} </Layout> </form> ); }; export default FormLayoutExample; ``` 在这个例子中，每个 `<Col>` 标签设置了 `span` 属性，其中 `span=4` 表示一列占总宽度的四分之一，而 `span=8` 则占八分之一，形成了两列的布局。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值