社区
CSS
帖子详情
td设置 position: relative 后样式问题
gfylj
2007-08-31 11:05:39
表格的某列中,每行的TD设置position为relative 后,
该列每格的外框 就变得比 其他列的外框粗一点,
好像表格的样式对它不起作用,
不知道怎么设置
...全文
723
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
打赏
举报
回复
浏览器不同,某些解释就会不一样.
你描述的太简单了.把代码贴出来看看先.
如何控制网页层的相对位置
由于其父元素`<
td
class="f1">`
设置
了`
position
: re
lative
;`,因此`Layer1` 将相对于此`<
td
>` 进行定位。 2. **位置调整**:尽管示例中没有明确指定`top`、`right`、`bottom` 或 `left` 属性来调整`Layer1` 的...
css固定表头、行头
样式
代码
} /*重点:固定行头
样式
*/ .scrollRowThead{
position
: re
lative
; left: [removed]this.parentElement.parentElement .parentElement.parentElement.scrollLeft); z-index:0;} /*重点:固定表头
样式
*/ ....
通过css固定表头和表列通过css固定表头和表列
1. 给表格添加一个容器元素,例如`<div id="table-container"></div>`,并
设置
其
样式
为`
position
: re
lative
;`。这样可以为内部绝对定位的元素提供参考坐标。 2. 将表头(thead)的
样式
设置
为`
position
: absolute; ...
Table锁定行列
- `tr` 和 `
td
` 元素
设置
为 `
position
: re
lative
`。 - 使用 `top` 和 `left` 属性控制元素的位置。 - IE浏览器对 `tr` 和 `
td
` 的 `
position
: re
lative
` 支持良好,但在其他现代浏览器(如Firefox 4和Chrome)中...
折叠的table行元素bug
然而,在IE浏览器中,这是一个已知的bug,即使
设置
了`
position
: re
lative
;`,表面上看起来表格布局未受影响,但实际上可能导致元素重叠,尤其是在涉及绝对定位或者拖动交互的场景中。 例如,当创建一个简单的两行...
CSS
61,129
社区成员
60,711
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章