求助：jsp页面的table中td的宽度失效了。

王牛付付cleangh 2017-01-04 10:36:52
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="http://localhost:8080/ext_me/">
<title>index首页</title>
</head>
<body>
<tr align="center" valign="middle"></tr>
<tr>
<td width="7%" rowspan="4"> 项目</td>
<td width="5%" rowspan="4"><p> 序号</p>
<p> </p></td>
<td width="10%" rowspan="4" align="center" valign="middle">城镇基本医疗保险参保人数合计</td>
<td colspan="9" align="center">职工医疗保险</td>
<td height="30" colspan="6" align="center" valign="middle">居民医疗保险</td>
</tr>
<tr>
<td width="6%" rowspan="3" align="center" valign="middle">参保人数</td>
<td></td>
<td></td>
<td></td>
<td colspan="2" align="center" valign="middle">实施统帐结合</td>
<td colspan="2" align="center" valign="middle">单建统筹基金</td>
<td width="6%" rowspan="3" align="center" valign="middle">享受待遇人数</td>
<td width="6%" colspan="1" rowspan="3" align="center"
valign="middle" style="border-right-style: none">参保人数小计11</td>
<td width="10%" height="30" style="border-left-style: none;"> </td>
<td width="10%" height="30" style="border-left-style: none;"> </td>
<td width="10%" height="30" style="border-left-style: none;"> </td>
<td width="6%" colspan="1" rowspan="3" align="center"
valign="middle" style="border-right-style: none">享受待遇人数2</td>
<td width="10%" height="30" style="border-left-style: none;"> </td>
</tr>
<tr>
<td width="6%" rowspan="2" align="center" valign="middle">11农民</td>
<td width="6%" rowspan="2" style="border-right-style: none"
align="center" valign="middle">12灵活</td>
<td>空白</td>
<td width="6%" rowspan="2" align="center" valign="middle">职工</td>
<td width="9%" rowspan="2" align="center" valign="middle">退休人员</td>
<td width="6%" rowspan="2" align="center" valign="middle">职工</td>
<td width="9%" rowspan="2" align="center" valign="middle">退休人员</td>
<td width="10%" rowspan="2" height="30" align="center"
valign="middle">城乡统筹</td>
<td rowspan="2" height="30" align="center" valign="middle">21#农民工人数</td>
<td rowspan="2" height="30" align="center" valign="middle">22#灵活就业人员人数</td>
<td rowspan="2" height="30" align="center" valign="middle">城乡统筹333333</td>
</tr>
<tr>
<td width="6%" align="center" valign="middle">000最底一行</td>
</tr>
</body>
</html>
===========最后4列的效果图，奇怪了，宽度失效。不能美好地显示其中文字。整了好长时间没找到哪里错了。
...全文
685 6 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
王牛付付cleangh 2017-01-09
  • 打赏
  • 举报
 回复
找到原因了，是超过表格宽度了，超过100%了，谢谢大家的帮助。
antchow- 2017-01-08
  • 打赏
  • 举报
 回复
不是超过页面宽度就是css属性被覆盖了。去浏览器的控制台看一下css的属性呗
编程周记 2017-01-05
  • 打赏
  • 举报
 回复
你不是没指定width么，我是过路的
看着是个昵称 2017-01-05
  • 打赏
  • 举报
 回复
你使用表格写的太乱了，没有整洁性，找起来特别费劲
daswcszxw 2017-01-05
  • 打赏
  • 举报
 回复
看你想怎么合并了, 可以参考"参保人数"和"11农民".
daswcszxw 2017-01-05
  • 打赏
  • 举报
 回复
很明显最后一组的colspan和rowspan是错的.
table合并列后td width 属性失效
table合并列后td width 属性失效
页面table中td列内容过多---美化处理
需求 页面展示列表的时候，有时会出现某列列表的内容太长而使展示列表不美观。为此问题，设计列表的过长内容用省略号显示，并且点击td内容，可以显示全部内容。 代码 - css table { table-layout:fixed;/*table的内部布局固定大小，才可以通过td的width控制宽度*/ word-wrap:break-word; /*允许长单词换到下一行*/ } .table thead tr th, .t
如何保证在Jsp 或Html 里table或div不因插入form而改变大小
如何保证table或div不因插入form而改变大小一.问题描述：jsp /html 中，在table或div插入form后，表格或div变大了，影响了原来的布局二.解放方法：                 此时设置table 或div的height, width是不起作用的，如下方法可以解决      方法一：最简单，在td中设置：overflow: hidden， 这样即使超
table td 的溢出隐藏
今天碰到一个问题，就是在一个双列的表格布局中，我想让 左边一列宽度为 40%，右边一列宽度为60%； 然后依次设置左边td宽度40%和右边td宽度60%，状态显示正常，宽度也正常。但是当 右边的td内部的内容宽度大于60% 的时候，并没有换行，而是让右边的td宽度超过了60%，而左边的td表格小于40%；致使表格结构直接崩溃。 而 给右边td 设置 overfolow:hidden;whit...
解决td设置width失效的问题
使用的css里的两个属性white-space/word-break，设置td是否换行。 width会失效是因为有些浏览器，默认td是的内容是超出宽度即换行的（比如 火狐），有些即是默认不换行的（比如 谷歌） 固定td内容不换行： <td style="white-space:now...
CSS

61,128

社区成员

60,711

社区内容

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

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

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

+ 用AI写文章