求解释，两个div中的table就是对不齐

weiwolong 2011-09-13 11:30:26
代码如下


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

	<head>

	

		<title></title>

		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	</head>

	<body>

		<div id="2010" style="width:1000px;">

			<center>

				<h5>2010年各村居民年龄段统计

				</h5>

			</center>

			<div name="child" style="width:1000px">

			<table border=1 cellSpacing=0 cellPadding=0

				style="width:950px;table-layout:fixed">

				<tr>

					<td style="width:100px;" rowspan="2">

						村镇

					</td>

					<td style="width:50px" rowspan="2">

						总计

					</td>

					<td style="width:100px" colspan="4">

						婴儿期(1岁以下)

					</td>

					<td style="width:100px" colspan="4">

						幼儿期(1~3岁)

					</td>

					<td style="width:100px" colspan="4">

						学龄前期(3~6岁)

					</td>

					<td style="width:100px" colspan="4">

						学龄期(6~12岁)

					</td>

					<td style="width:100px" colspan="4">

						青春期(12~20岁)

					</td>

					<td style="width:100px" colspan="4">

						青年期(20~45岁)

					</td>

					<td style="width:100px" colspan="4">

						中年期(45~60岁)

					</td>

					<td style="width:100px" colspan="4">

						老年期（60以上）

					</td>



				</tr>

				<tr>

					<td style="width:25px">

						小计

					</td>

					<td style="width:25px">

						男

					</td>

					<td style="width:25px">

						女

					</td>

					<td style="width:25px">

						未知性别

					</td>

					<td style="width:25px">

						小计

					</td>

					<td style="width:25px">

						男

					</td>

					<td style="width:25px">

						女

					</td>

					<td style="width:25px">

						未知性别

					</td>

					<td style="width:25px">

						小计

					</td>

					<td style="width:25px">

						男

					</td>

					<td style="width:25px">

						女

					</td>

					<td style="width:25px">

						未知性别

					</td>

					<td style="width:25px">

						小计

					</td>

					<td style="width:25px">

						男

					</td>

					<td style="width:25px">

						女

					</td>

					<td style="width:25px">

						未知性别

					</td>

					<td style="width:25px">

						小计

					</td>

					<td style="width:25px">

						男

					</td>

					<td style="width:25px">

						女

					</td>

					<td style="width:25px">

						未知性别

					</td>

					<td style="width:25px">

						小计

					</td>

					<td style="width:25px">

						男

					</td>

					<td style="width:25px">

						女

					</td>

					<td style="width:25px">

						未知性别

					</td>

					<td style="width:25px">

						小计

					</td>

					<td style="width:25px">

						男

					</td>

					<td style="width:25px">

						女

					</td>

					<td style="width:25px">

						未知性别

					</td>

					<td style="width:25px">

						小计

					</td>

					<td style="width:25px">

						男

					</td>

					<td style="width:25px">

						女

					</td>

					<td style="width:25px">

						未知性别

					</td>

				</tr>

			</table>

			</div>

			<div name="child" style="height:100px;width:1000px;overflow:auto">

				<table border=1 cellSpacing=0 cellPadding=0

					style="width:950px;table-layout:fixed">

					

					<tr>

						<td style="width:100px;">

							豪山乡高源村



						</td>

						<td style="width:50px">

							33



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							33



						</td>

						<td style="width:25px">

							33



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

					</tr>

					

					<tr>

						<td style="width:100px">

							牌楼乡新塘村



						</td>

						<td style="width:50px">

							132



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							132



						</td>

						<td style="width:25px">

							132



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>

						<td style="width:25px">

							0



						</td>



					</tr>

				</table>

			</div>

		</div>

		</div>

	</body>

</html>

求高人解释，给出个解决方案，感激不尽！
...全文
316 15 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
15 条回复
切换为时间正序
请发表友善的回复…
发表回复
weiwolong 2011-09-13
  • 打赏
  • 举报
 回复
我的对不齐，不知道是不是浏览器问题，求高人给个通用版的.
暖暖猫 2011-09-13
  • 打赏
  • 举报
 回复
我把你的代码拿过去了，是可以对齐的啊
24K純帥 2011-09-13
  • 打赏
  • 举报
 回复
那不是都能设置宽度的
look85927 2011-09-13
  • 打赏
  • 举报
 回复
不清楚什么原因，但是把第二个table中的width:25px都改成width:23.5px，就可以对齐了，你可以试一下
安心逍遥 2011-09-13
  • 打赏
  • 举报
 回复
<table>
<tr>
<tb>
<table>右表的内容</table>
</tb>
<td>
<table>左表的内容</table>
</td>
</tr>
</table>
EverWHL 2011-09-13
  • 打赏
  • 举报
 回复
[Quote=引用 3 楼 weiwolong 的回复:]
为啥加上这句又能对齐了
<%@ page contentType="text/html;charset=utf-8"%>

可是页面是servlet生成的啊，jsp页面上是有上面那句的，生成html后就没有了。
我该咋办?
[/Quote]
这句设置的ContentType 属性指定响应的 HTTP 内容类型。
90后小朋友 2011-09-13
  • 打赏
  • 举报
 回复
支持下，学习下。
weiwolong 2011-09-13
  • 打赏
  • 举报
 回复
[Quote=引用 6 楼 puyawei 的回复:]
HTML code


<td style="width:100px;" rowspan="2">
村镇
</td>
<td style="width:50px" rowspan="2">
……
[/Quote]
虽然这样可以对齐了，但是不大符合要求，因为之后要改成百分比的.
不过还是很谢谢你.
筱伟 2011-09-13
  • 打赏
  • 举报
 回复
四个td的总和不是25*4=100，楼主没有算进去border=1的长度，不过正常应该
<td style="width:103px" colspan="4">

                        青年期(20~45岁)

                    </td>
就对了，但在IE中却是


<td style="width:106px" colspan="4">

                        青年期(20~45岁)

                    </td>
这样才能正常
mykingboy 2011-09-13
  • 打赏
  • 举报
 回复
这是通用的
mykingboy 2011-09-13
  • 打赏
  • 举报
 回复
<table>
<tr>
<tb>
<table>右表的内容</table>
</tb>
<td>
<table>左表的内容</table>
</td>
</tr>
</table>
筱伟 2011-09-13
  • 打赏
  • 举报
 回复 


                    <td style="width:100px;" rowspan="2">

                        村镇

                    </td>

                    <td style="width:50px" rowspan="2">

                        总计

                    </td>

                    <td style="width:106px" colspan="4">

                        婴儿期(1岁以下)

                    </td>

                    <td style="width:106px" colspan="4">

                        幼儿期(1~3岁)

                    </td>

                    <td style="width:106px" colspan="4">

                        学龄前期(3~6岁)

                    </td>

                    <td style="width:106px" colspan="4">

                        学龄期(6~12岁)

                    </td>

                    <td style="width:106px" colspan="4">

                        青春期(12~20岁)

                    </td>

                    <td style="width:106px" colspan="4">

                        青年期(20~45岁)

                    </td>

                    <td style="width:106px" colspan="4">

                        中年期(45~60岁)

                    </td>

                    <td style="width:106px" colspan="4">

                        老年期（60以上）

                    </td>
weiwolong 2011-09-13
  • 打赏
  • 举报
 回复
[Quote=引用 4 楼 hubo19880901 的回复:]
请说明清楚 是水平对齐 还是 上下对齐。
[/Quote]
两个table ，列数一样，需要上下对齐。求帮帮忙
酱油仔 2011-09-13
  • 打赏
  • 举报
 回复
请说明清楚 是水平对齐 还是 上下对齐。
weiwolong 2011-09-13
  • 打赏
  • 举报
 回复
为啥加上这句又能对齐了
<%@ page contentType="text/html;charset=utf-8"%>

可是页面是servlet生成的啊，jsp页面上是有上面那句的，生成html后就没有了。
我该咋办?
关于多个div中table的td对齐问题
最近发现多个div中table的td就算调成一样的width也无法对其，而且在width方面也没有什么规律 后来看了一篇《table里td标签的width属性在ie浏览器中无效解决方法》一文，里面提到 试了一下，虽然也不能完全解决但是比之前要好多了。     带一下那篇文章地址http://www.pageadmin.net/article/20130116/520.html
Html 中使用 div 让两个表格并列排列
为了让两个 table 可以并列排列在同一行，我将两个 table 都包裹在了各自的 div 里边， <html> <body> <h1 id="div2" align="center" style="margin-bottom:0px;padding-bottom:0px;font-size:1.625em;">so compare</h1><br> <div> <div style="
两个table表格在DIV内居中，并且不换行
fdfdfa                  adadf                                              2324                  4343
两个div并列一行显示的多种方法
以下提供了5种实现两个div并列一行显示的方法，其中最常用的为浮动，还有定位等方法可以实现。 方法一：float浮动，float:left;为左浮动，也可以设置为float:right;右浮动，也可以实现两个div并列一行。 #div1{ width:50%; height:300px; background:blue; float:left; } #div2{ width:50%; height:300px; background:green; float:left; } 方法二：display:tab
html两个div一个在前一个在后,html/css 两个div在同一行
在界面设计的时候，经常需要将两个div在同一行显示。但是每次都会忘记怎么做，特此随笔，备忘。如以下要将“第一个div”和“第二个div”显示在同一行： /*外层div*/第一个div第二个div只需要对id2和id3增加css样式即可，如下所示： /*外层div*/第一个div第二个div这样就可以了。很简单吧。2016.09.20 修改补充在此随笔发出的几个小时之后，有大神提出了质疑：没有清...
Web 开发

81,119

社区成员

341,741

社区内容

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章