+ -
当前位置:首页 → 问答吧 → td之间的长度该怎么修改?急

td之间的长度该怎么修改?急

时间:2011-06-03

来源:互联网

一个问题,怎么才能在整个table宽度不变的情况下,让父亲和配偶的td宽度和旁边的一样长,就是让父亲和母亲的td长度一样,而且父亲和母亲的td长度加起来和原来的一样,就是让父亲的td长度变长,而让母亲的td长度变小,而两个td长度加起来和原来的一样长,配偶和子女的也是一样.

<table class="hborder" align="center" width="60%">
<tr>
<td colspan="7"><span>教育程度(自高到低列出,高中或高中以上的填写)</span></td>
</tr>
<tr>
<th width="10%" size="10">起止时间</th>
<th colspan="2" width="20%"size="10">学校名称</th>
<th width="20%" size="10">学历</th>
<th colspan="2" width="20%" size="10">专业/毕业证</th>
<th rowspan="4" width="10%" size="10"><a id="pic">1寸彩色照片</a><br><br><input name="file" type="file" size="8"><br><br><input type="submit" value="enter"></th>
</tr>
<tr>
<td><input maxlength="50" name="starttime1" type="text" size="10"></td>
<td colspan="2"><input maxlength="50" name="schoolname1" type="text" size="10"></td>
<td><input maxlength="50" name="degree1" type="text" size="10"></td>
<td colspan="2"><input maxlength="50" name="major1" type="text" size="10"></td>
</tr>

<tr>
<td colspan="7"><span>受过何种培训(请依近到远的先后次序列出)</span></td>
</tr>
<tr>
<th width="20%">培训项目</th>
<th width="17%">时间</th>
<th width="33%" colspan="4">培训内容</th>
<th width="10%">证书</th>
</tr>
<tr>
<td><input maxlength="50" name="traningcategory1" type="text" size="15"></td>
<td><input maxlength="50" name="traningtime1" type="text" size="10"></td>
<td colspan="4"><input maxlength="200" name="traningcontent1" type="text" size="30"></td>
<td><input maxlength="50" name="certificate1" type="text" size="10"></td>
</tr>
<tr>
<td colspan="7"><span>语言能力与技能</span></td>
</tr>
<tr>
<td>第一外语及水平</td>
<td colspan="6"><input maxlength="100" name="firstforeignlan" type="text" size="50"></td>
</tr>
<tr>
<td>计算机水平</td>
<td colspan="6"><input maxlength="100" name="computerlevel" type="text" size="50"></td>
</tr>
<tr>
<td>其他技能</td>
<td colspan="6"><input maxlength="100" name="othertech" type="text" size="50"></td>
</tr>
<tr>
<td colspan="7"><span>工作记录(请依近到远的先后次序列出)</span></td>
</tr>

<tr>
<td rowspan="4" id="center">
<input maxlength="10" name="startyear2" type="text" size="4">年<input maxlength="10" name="startmonth2" type="text" size="2">月<input maxlength="10" name="startday2" type="text" size="2">日
<br>~~<br>
<input maxlength="10" name="endyear2" type="text" size="4">年<input maxlength="10" name="endmonth2" type="text" size="2">月<input maxlength="10" name="endday2" type="text" size="2">日
</td>
<td colspan="3" align="left">公司名称:<input maxlength="50" name="companyname2" type="text" size="20">
</td>
<td colspan="3">业务性质:<input maxlength="50" name="businesstype2" type="text" size="18">
</td>
</tr>
<tr>
<td>受聘职位<input maxlength="20" name="shoupinzhiwei2" type="text" size="4"></td>
<td colspan="2">离职职位<input maxlength="20" name="lizhizhiwei2" type="text" size="9"></td>
<td>受聘薪金<input maxlength="20" name="shoupinxinjin2" type="text" size="4"></td>
<td colspan="2">离职薪金<input maxlength="20" name="lizhixinjin2" type="text" size="9"></td>
</tr>
<tr>
<td colspan="6" align="left">主要职责<input maxlength="100" name="zhuyaozhize2" type="text" size="51"></td>
</tr>
<tr>
<td colspan="6" align="left">离职原因<input maxlength="100" name="lizhiyuanyin2" type="text" size="51"></td>
</tr>
<tr>
<td colspan="7"><span>家庭资料</span></td>
</tr>
<tr>
<th rowspan="2" size="10">家庭成员</th>
<th size="10">名称</th>
<th size="10">父亲</th>
<th size="10">母亲</th>
<th size="10">兄弟姐妹</th>
<th size="10">配偶</th>
<th size="10">子女</th>
</tr>
<tr>
<td>姓名</td>
<td><input maxlength="10" name="fathercount" type="text" size="3"></td>
<td><input maxlength="10" name="mothercount" type="text" size="6"></td></td>
<td><input maxlength="10" name="brothercount" type="text" size="3"></td></td>
<td><input maxlength="10" name="husbandcount" type="text" size="3"></td></td>
<td><input maxlength="10" name="soncount" type="text" size="6"></td></td>
</tr>

作者: liangjamy   发布时间: 2011-06-03

你这TABLE写的压根就有问题。

 用DW整下了....挺简单的

作者: jingxiaowuya   发布时间: 2011-06-03

<tr>
<th width="10%" size="10">起止时间</th>
<th colspan="2" width="20%"size="10">学校名称</th>
<th width="20%" size="10">学历</th>
<th colspan="2" width="20%" size="10">专业/毕业证</th>
<th rowspan="4" width="10%" size="10"><a id="pic">1寸彩色照片</a><br><br><input name="file" type="file" size="8"><br><br><input type="submit" value="enter"></th>
</tr>

登记表中的某个tr中,想在最后一个th中加一个图片上传功能,简单写成上面那种形式,但感觉不是很好。有没有简单的代码示例,就是那种简历上上传照片的那种

作者: liangjamy   发布时间: 2011-06-03

TABLE写的压根就有问题?哪里有问题?

作者: liangjamy   发布时间: 2011-06-03

我第一眼看去就木有了</table>

作者: jingxiaowuya   发布时间: 2011-06-03

最简单的方案 :table嵌套table
2个 td可以看成一个新的table的一行 则table一个tr中的td 在table宽度不变时 会分享总宽度 就是你的要求

作者: KK3K2005   发布时间: 2011-06-03

真的好乱。。TALBE上加个BORDER=1看的清楚点。。

作者: tcwsyt   发布时间: 2011-06-03

CSS CODE 

table.hborder {border: 1px solid #333333;font-size:12px; font-family:Arial;border-collapse:collapse; cellspacing="0" cellpadding="0"; text-align:center;}
.hborder th {border: 1px solid #333333;background-color:lightgray;height:30px;text-align:center;vertical-align:middle;} 
.hborder td {border: 1px solid #333333; height:30px; vertical-align:middle;}  
.hborder td span {font-size:18px;font-family:"Lucida Sans Unicode"; text-align:left;}
#left {text-align:left;}
#center {text-align:center}

作者: liangjamy   发布时间: 2011-06-03


上面的是css代码,5楼的方法做的话 colspan是不是要重新调整一下阿? 这样貌似更麻烦把?
有没有更好一点的方法阿? 就是父亲和母亲的td长度一样长,而且两个td长度加起来和原来的两个td长度加起来的长度一样长阿? 配偶的子女的也是

如果乱的话,怎么改阿?

作者: liangjamy   发布时间: 2011-06-03

为什么父亲和母亲的td宽度不一样? 还有配偶和子女的宽度也不一样,真是奇怪

作者: liangjamy   发布时间: 2011-06-03