首页 > 其他分享 >table有关td的究极大坑(同一列的td宽度必定相同,按tr中你td的序号来算)

table有关td的究极大坑(同一列的td宽度必定相同,按tr中你td的序号来算)

时间:2024-03-29 20:46:31浏览次数:18  
标签:tr width nbsp table td 来算

0.问题

		<fieldset style="border: solid 1px #aaa; padding: 3px">
			<legend>新增产品信息</legend>
			<div style="padding: 5px">
				<table>
					<tr>
						<td align="right">
							<label>产品编号:</label>
						</td>
						<td>
							<input name="pdtId" class="mini-textbox" required=true readonly=true />
						</td>

						<td align="right">
							<label> 产品名称: </label>
						</td>
						<td>
							<input name="pdtName" class="mini-textbox" required=true />
						</td>
					</tr>


					<tr>
						<td align="right">
							<label>生产国家:</label>
						</td>
						<td>
							<input name="nation" class="mini-radiobuttonlist" textField="text" valueField="id" value="1"
								url="../../data/nation.txt" required=true />
						</td>
					</tr>

					<tr>
						<td align="right">
							<label>产品语言:</label>
						</td>
						<td>
							<input id="pdtLanguage" name="pdtLanguage" class="mini-textbox" required=true readonly=true />
						</td>
					</tr>

					<tr>
						<td align="right">
							<label>上市时间:</label>
						</td>
						<td>
							<input name="releaseTime" id="date2" class="mini-datepicker" style="width: 200px;" required=true
								onvaluechanged="onValueChanged" nullValue="null" format="yyyy-MM-dd" showOkButton="true" showClearButton="false" />
						</td>
						<td align="right">
							<label>产品用途:</label>
						</td>
						<td>
							<input name="pdtUsage" class="mini-combobox" url="../../data/productUsage.txt" showNullItem="true"
								nullItemText="-请选择类别-" allowInput="true" required=true emptyText="请选择" />
						</td>
					</tr>
                    <tr>
                        <label width="20%"> 备&nbsp;&nbsp;&nbsp;注: </label>
					    <textarea name="notes"  width="70%" class="mini-textarea" emptyText="请输入备注"></textarea>
                    </tr>
				</table>
			</div>
      </fieldset>

这里我无论如何调整textarea的宽度
1.如果为width="70%",反而更短了

2.如果为width="100%",无法超越第二列最长的td

3.如果为width="500px",会造成整个table布局混乱

1.解决

对于备注一栏,不放在table中即可!

.......
						<td>
							<input name="pdtUsage" class="mini-combobox" url="../../data/productUsage.txt" showNullItem="true"
								nullItemText="-请选择类别-" allowInput="true" required=true emptyText="请选择" />
						</td>
					</tr>
				</table>
				<label width="20%"> 备&nbsp;&nbsp;&nbsp;注: </label>
				<textarea name="notes" width="90%" class="mini-textarea" emptyText="请输入备注"></textarea>
			</div>
		</fieldset>

标签:tr,width,nbsp,table,td,来算
From: https://www.cnblogs.com/trmbh12/p/18104541

相关文章

  • Translation in arxiv
    TranslationtheArxivbyaddingittothebrowservarmathElems=document.querySelectorAll('.ltx_Math,.ltx_equationgroup,.ltx_equation,.ltx_figure,.ltx_table,.ltx_bibitem');//遍历所有元素for(vari=0;i<mathElems.length;i++){//......
  • Kaggle量化比赛复盘: Optiver - Trading at the Close
    目录前言一、开源方案1.6th获奖方案(代码未开源)1.1.特征工程(关键代码)1.2.方案解析2. 7th获奖方案(开源)2.1.特征工程2.2.特征工程3. 9th获奖方案(半开源)3.1.特征构造3.2.特征筛选3.3.模型3.4.zero_sum(标签后处理)4. 14th获奖方案(开源)4.1.方案......
  • UE4 C++ Widget的NativeConstruct 与 NativePreConstruct
    构造函数由于Widget是由UE的反射系统创建的,其生命周期由UE引擎管理,所以并不存在构造函数,UE为Widget类定义了两个虚函数NativeConstruct与NativePreConstruct来充当构造函数的作用。而这两个函数的调用都必须在Widget被实例化之后才能进行调用如何在Widget中获取角色在蓝图节......
  • electron 开发
    教程:https://www.electronjs.org/zh/docs/latest/tutorial/quick-start系统:Windows10工具:PowerShell文件目录:index.htmlmain.jspackage.json和preload.js是手动添加的,其余是编译生成的index.html<!DOCTYPEhtml><html><head><metacharset="UTF-......
  • PHP关于随机打乱字符串函数str_shuffle会出现重复的问题
        某次在线上排查问题时发现,代码中使用的一个使用str_shuffle随机打乱字符串函数生成的唯一字符出现了重复,导致插入数据库失败。觉得很奇怪,生成随机字符串的方法如下:functionmakeString($len){$char='0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRS......
  • KingbaseES V8R6集群运维案例之---级联备库upstream节点故障
    KingbaseESV8R6集群运维案例之---级联备库upstream节点故障案例说明:在KingbaseESV8R6集群,构建级联备库后,在其upstream的节点故障后,级联备库如何处理?适用版本:KingbaseESV8R6集群架构:案例一:一、配置集群的recovery参数(allnodes)Tips:关闭备库的aut-recovery机制......
  • route(Network Routing Table Utility)命令
     route(NetworkRoutingTableUtility)命令 route/?操作网络路由表。ROUTE[-f][-p][-4|-6]command[destination][MASKnetmask] [gateway][METRICmetric] [IFinterface]-f     清除所有网关条目的路由表。如果与其中一个命令结合使用,则在运行......
  • 转载:记录一下python setDaemon相关
    前言使用Python都不会错过线程这个知识,但是每次谈到线程,大家都下意识说GIL全局锁,但其实除了这个老生常谈的话题,还有很多有价值的东西可以探索的,譬如:setDaemon()。线程的使用与存在的问题我们会写这样的代码来启动多线程:importtimeimportthreadingdeftest():......
  • A TL Strategy for Improving the Data Efficiency of DRL Control
    Paper1ATransferLearningStrategyforImprovingtheDataEfficiencyofDeepReinforcementLearningControlinSmartBuildings:https://ieeexplore.ieee.org/document/10454120MotivationRL算法需要大量数据用于学习,我们需要提高训练和数据利用的效率。TL方法是一......
  • 【前端】- 在使用Element UI 的el-tree组件时,从底层去研究如何去实现一键展开/关闭【t
    第一步:首先我们先去查看elementui官方文档,发现并没有提供这个方法,没办法,只能手写一个了,先给大家看看功能点击前效果:点击后效果:第二步:废话不多说直接上代码,然后我们简单解释下代码页面部分:这里是简单的数结构渲染,不多讲,$refs.Reftree获取的是el-tree的实例,具体作用请看下......