社区
CSS
帖子详情
由于 td 的 colspan导致的问题
Jinglecat
2006-09-23 05:57:00
我对td 设置了 colspan=3,但是这一列却导致了其他未合并列的宽度不能正常显示,
HTML源码以及效果图,请看:
http://www.cnblogs.com/Jinglecat/archive/2006/09/23/512763.html
跪求各位大虾了!
急!
...全文
464
9
打赏
收藏
由于 td 的 colspan导致的问题
我对td 设置了 colspan=3,但是这一列却导致了其他未合并列的宽度不能正常显示, HTML源码以及效果图,请看: http://www.cnblogs.com/Jinglecat/archive/2006/09/23/512763.html 跪求各位大虾了! 急!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
9 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
zeroleonhart
2006-11-10
打赏
举报
回复
把其他单元格也定义宽度就可以了
X27794797
2006-11-10
打赏
举报
回复
checkbox 就占有12象素左右,你总共才20象素没,当然会换行
skendy
2006-11-09
打赏
举报
回复
在1024*768的分辨率下面,你直接用百分比固定宽度...
是可以的,在这一点IE跟FF都可以正确显示.....
我看LZ的代码怎么那么多span还有一些....眼睛花了...
future914
2006-11-09
打赏
举报
回复
up up
飘零雾雨
2006-09-26
打赏
举报
回复
JF!
Jinglecat
2006-09-24
打赏
举报
回复
to fosjos(无聊的菜鸟程序员)
恩,现在只好先这样了,
不过,可恶的就是IE竟然无法正常的显示我的这个table,但是FF却可以
fosjos
2006-09-23
打赏
举报
回复
<table ... style="table-layout:fixed">
一般n个<td>,最好确定n-1个,基本就固定了
再加上<table ... style="table-layout:fixed">应该不会动了
Jinglecat
2006-09-23
打赏
举报
回复
我就是只要这么宽啊,
但是他就显示比这个还宽啊,
没看到IE和FF呈现的不一样嘛?
FF就是我预期的效果,IE。。。。
fosjos
2006-09-23
打赏
举报
回复
<td style="width:20px;">
这个宽度差不多就只有一个汉字(默认字体),用宽一点
如果想固定宽度的话,用<table ... style="table-layout:fixed">
前端与移动开发之表格
1.表格作用:表格用来展示数据 2.写法
姓名
性别
年龄
<
td
>张三
td
> <
td
>男
td
> <
td
>35
td
>
<
td
>李四
td
> <
td
>男
td
> <
td
>27
td
>
注意: (1)
行 (2)<
td
>
td
>行里面单元格 (3)
表头单元格标签(会居中 加粗) (4)
表格头部 (5)
表格主体 3.合并单元格 跨行合并 rowspan="合并单元格的个数" 最上侧单元格为目标单元格 跨列合并
colspan
="合并单元格的个数" 最左侧单元格为目标单元格 步骤: (1)确定跨行还是跨列 (2)找到目标单元格 写合并单元格数量 rowspan/
colspan
=" " (3)删除多余单元格
table,
colspan
导致
子
td
设置宽度无效的
问题
当table中出现跨列的表头时,一般会在table加上属性style="table-layout:fixed;",来达到自适应宽度。 <table style="table-layout:fixed;"> <tr id="parent"> <
td
colspan
="2" style="width:100px;">基本信息</
td
...
tr的display属性出现
td
的
colspan
无效
问题
tr的display属性设置在firefox和chrome中出现
td
的
colspan
无效
问题
今天用firefox和chrome测试页面的时候, 发现用javascript控制 tr 的显示隐藏时,当把tr的显示由“display:none”改为“display:block”时,该tr下的
td
内容合并到了第一个
td
里,也就是说,原先在
td
中设置的cols
td
设置
colspan
之后设置
td
width 无效
table设置了
colspan
之后出现
td
宽度显示不正常,这种情况下,可以通过设置table width=“100%”table-layout=“fixed” 解决,当JS动态设置tr的隐藏(即style.display = ‘’)无效时也可以试试,因为我试过style.display = ‘inline’,但是显示时
colspan
属性失效了,给table加上 width=“100%”table-...
CSS
61,115
社区成员
60,728
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章