社区
CSS
帖子详情
html table td如何撑开
灿烂阳光168
2012-02-06 02:54:58
情况如下,一个table中有2行,其中第1行是一个控件,随着table中的其它行撑开自行伸缩,第2行是放置内容的行,当第2行是100px时,第1行中的控件也是100px长;当第2行是200px时,第1行中的控件也是200px长。
为了美观起见,我想无论第2行是长是短,第1行都是100%等于屏幕宽。
我尝试了加1行:
<tr>
<td style="width:100%">
</td>
<tr>
但是不起作用
...全文
875
10
打赏
收藏
html table td如何撑开
情况如下,一个table中有2行,其中第1行是一个控件,随着table中的其它行撑开自行伸缩,第2行是放置内容的行,当第2行是100px时,第1行中的控件也是100px长;当第2行是200px时,第1行中的控件也是200px长。 为了美观起见,我想无论第2行是长是短,第1行都是100%等于屏幕宽。 我尝试了加1行: 但是不起作用
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
10 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
灿烂阳光168
2012-02-08
打赏
举报
回复
[Quote=引用 9 楼 dreamslink2010 的回复:]
你要想控制一个td里面的宽度不跟其他列里面一样,那就再这个td里面再嵌套一个table,这些你想控制多宽多高so easy,right?
[/Quote]
嗯,现在是要让撑开为100%页面宽,我安装你的方法,单独新建一个table,但<td width="100%">控件</td>不管用,控件有多宽,还是多宽,我现在是想控件跟页面一样宽。
Ajava攻城师
2012-02-06
打赏
举报
回复
你要想控制一个td里面的宽度不跟其他列里面一样,那就再这个td里面再嵌套一个table,这些你想控制多宽多高so easy,right?
p2227
2012-02-06
打赏
举报
回复
[Quote=引用 3 楼 java166 的回复:]
引用 2 楼 p2227 的回复:
老办法:用一个1px的透明gif撑开
有实例吗?
[/Quote]不好意思,这方法太老了,我自己都搜索不出来了
灿烂阳光168
2012-02-06
打赏
举报
回复
[Quote=引用 6 楼 zsx841021 的回复:]
引用 4 楼 java166 的回复:
引用 1 楼 zsx841021 的回复:
为什么说不起作用。。
还是没有撑开呀,所以说不起作用
你上面代码td 里面没有内容怎么撑开啊。。
[/Quote]
要100%撑开,要怎么加内容呢?
三石-gary
2012-02-06
打赏
举报
回复
[Quote=引用 4 楼 java166 的回复:]
引用 1 楼 zsx841021 的回复:
为什么说不起作用。。
还是没有撑开呀,所以说不起作用
[/Quote]
你上面代码td 里面没有内容怎么撑开啊。。
灿烂阳光168
2012-02-06
打赏
举报
回复
[Quote=引用 2 楼 p2227 的回复:]
老办法:用一个1px的透明gif撑开
[/Quote]
请提供一个实例,非常感谢!
灿烂阳光168
2012-02-06
打赏
举报
回复
[Quote=引用 1 楼 zsx841021 的回复:]
为什么说不起作用。。
[/Quote]
还是没有撑开呀,所以说不起作用
灿烂阳光168
2012-02-06
打赏
举报
回复
[Quote=引用 2 楼 p2227 的回复:]
老办法:用一个1px的透明gif撑开
[/Quote]
有实例吗?
p2227
2012-02-06
打赏
举报
回复
老办法:用一个1px的透明gif撑开
三石-gary
2012-02-06
打赏
举报
回复
为什么说不起作用。。
table
中,如何使得单元格的内容不换行,单元格不被
撑开
,显示不下的时候在结尾处显示“...”
NULL 博文链接:https://rainbow702.iteye.com/blog/2219848
css实现不再让内容把
td
撑开
的常用解决方法
内容把
td
撑开
的情况想必大家都有遇到过吧,解决方法有很多,下面本文为大家介绍下一种常见的解决方法,感兴趣的朋友可以参考下哈,希望对大家有所帮助
javascript 使
td
内容不换行不
撑开
javascript 使
td
内容不换行不
撑开
如何实现,本文将详细介绍,需要了解的朋友可以参考下
JavaScript多行文本一行显示,点击可显示单元格全部内容的
Table
【引子】在开发的过程中,表格
Table
有个缺陷,如果一行中某个单元格的超过一行,表格就不够美观了。下面的代码解决了这个问题:当表格被载入的时候,
TD
的宽度是原定的长 度,不会
撑开
TD
,也不会影响其他
TD
,点击某行会按照本行所有单元格中行数最多的单元格的长度伸长行高。用户体验很好。 【优点】 1、对开发人员指定的表格没有任何影响; 2、使用简单; 3、被定义的表格样式可以随意的定制你的样式,不对你的样式构成影响; 4、移植性好,扩展性好。 【缺点】 目前用IE7测试正常,但不支持FireFox,工作比较忙,没时间更正,希望网友更正,俺在此谢过。^_^ 【使用方法】 1、将Auto
Table
Size.js包文件[点击这儿下载源代码]导入到你的web应用目录中; 2、引入包Auto
Table
Size.js,页面body底部加入: 3、编写你的脚本调用: new Auto
Table
Size(); 当DOM对象中只有一个
Table
的时候不用指定
Table
的ID属性; new Auto
Table
Size(
table
);
table
:既可以是表格的ID属性,也可以是表格对象;
JavaScript
Table
行定位效果
一开始的需求只是表头部分在滚动时能一直固定在头部,那关键要实现的就是让tr能定位。 首先想到的方法是给tr设置relative,用ie6/7测试以下代码: Code 1 2 3 4 给tr设置relative后就能相对
table
定位了,看来很简单啊,但问题是这个方法ie8和ff都无效,而且存在很多问题,所以很快就被抛弃了。 ps:该效果用来做tr的拖动会很方便。 接着想到的是给
table
插入一个新tr,克隆原来的tr,并设置这个tr为fixed(ie6为absolute),例如: Code 1 2 3 4 5 6 第一个问题是fixed的tr在ie7中不能进行定位,而且
td
在定位后并不能保持在表格中的布局,这样在原表格插tr就没意义了。 ps:fixed的相关应用可参考仿LightBox效果。 最后我用的方法是新建一个
table
,并把源tr克隆到新
table
中,然后通过对新
table
定位来实现效果。 用这个方法关键有两点,首先要做一个仿真度尽可能高的tr,还有是要准确的定位,这些请看后面的程序说明。 程序说明 【克隆
table
】 克隆一个元素用cloneNode就可以了,它有一个bool参数,表示克隆是否包含子节点。 程序第一步就是克隆原
table
: this._o
Table
= $(
table
);//源
table
this._n
Table
= this._o
Table
.cloneNode(false);//新
table
this._n
Table
.id = "";//避免id冲突 要注意虽然ie的cloneNode参数是可选的(默认是false),但在ff是必须的,建议使用时都写上参数。 还要注意的是id属性也会被克隆,也就是克隆后会有两个相同id的元素(如果克隆对象有设置的话),这很容易会导致其他问题,程序会把克隆
table
的id属性设空。 ps:
table
请用class来绑定样式,用id的话新
table
就获取不了样式了。 克隆之后再设置样式: this._style.width = this._o
Table
.offsetWidth + "px"; this._style.position = isIE6 ? "absolute" : "fixed"; this._style.zIndex = 100; 一般来说offsetWidth是width+padding+border的结果,但
table
比较特别,测试下面的代码: Code html PUBLIC "-//W3C//D
TD
X
HTML
1.0 Tra
CSS
61,129
社区成员
60,711
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章