社区
CSS
帖子详情
td设置 position: relative 后样式问题
gfylj
2007-08-31 11:05:39
表格的某列中,每行的TD设置position为relative 后,
该列每格的外框 就变得比 其他列的外框粗一点,
好像表格的样式对它不起作用,
不知道怎么设置
...全文
724
5
打赏
收藏
td设置 position: relative 后样式问题
表格的某列中,每行的TD设置position为relative 后, 该列每格的外框 就变得比 其他列的外框粗一点, 好像表格的样式对它不起作用, 不知道怎么设置
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
5 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
gfylj
2007-09-04
打赏
举报
回复
顶啊。
gfylj
2007-08-31
打赏
举报
回复
我需要这样的功能:
<table>
<tr>
<td style="position: relative; border: 1px solid red;">1</td>
<td 2</td>
<td >3</td>
</tr>
<tr>
<td style="position: relative; border: 1px solid red;">>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td style="position: relative; border: 1px solid red;">>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
但这样设置后,
底部和右边还是会变粗
yixianggao
2007-08-31
打赏
举报
回复
td 设置 position 为 relative 后将边框分开了,
以下代码可以很清楚滴展示这个问题,建议不要设置该样式!
否则需要动态设置 td 的各边框宽度 0px or 1px!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<style type="text/css">
table {
border-collapse: collapse;
border: 0px solid red;
}
td {
border: 1px solid blue;
}
</style>
</head>
<body>
<table>
<tr>
<td style="position: relative; border: 1px solid red;">1</td>
<td style="position: relative; border: 1px solid red;">2</td>
<td style="position: relative; border: 1px solid red;">3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
</body>
</html>
gfylj
2007-08-31
打赏
举报
回复
table样式{
border: 0px;
Padding:0px;
Spacing:0px;
background-color:#999999;
}
td样式{
background-color:#FFFFFF;
height:24px;
border-right: #999999 1px solid;
border-top: #999999 1px solid;
border-left: #999999 1px solid;
border-bottom: #999999 1px solid;
}
lap1983
2007-08-31
打赏
举报
回复
浏览器不同,某些解释就会不一样.
你描述的太简单了.把代码贴出来看看先.
如何控制网页层的相对位置
如何控制网页层的相对位置
css固定表头、行头
样式
代码
复制代码代码如下: <style type=”text/css”> <!– body,table,
td
, a {font:9pt;} /*重点:固定行头
样式
*/ .scrollRowThead{
position
: re
lative
; left: [removed]this.parentElement.parentElement .parentElement.parentElement.scrollLeft); z-index:0;} /*重点:固定表头
样式
*/ .scrollColThead {
position
: re
lative
; top: [removed]this.parent
通过css固定表头和表列通过css固定表头和表列
比较好的固定表头和表列的例子。 解决了固定表头中rowspan显示异常的
问题
。
Table锁定行列
Table锁定行列Table锁定行列Table锁定行列
折叠的table行元素bug
本文其实是想说layout的,可是这个
问题
的确是ie的bug,不是layout
问题
,下次等我再遇到layout
问题
再说layout吧.顺便说一下,这真是一个奇怪的bug.
CSS
61,129
社区成员
60,711
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章