如何使用CSS粘贴

问题描述 投票:0回答:1

我已经创建了一个简单的表,它应该在顶部有一个粘性标题(TR)。但这不起作用。我该如何修复此代码?

谢谢

<!DOCTYPE html>
<HTML><HEAD></HEAD><BODY>
<P>HELLO<P>

<TABLE BORDER=1 STYLE="border: 3px solid #4285F4;background-color:#EEEEEE;width:1600px;">
<thead STYLE="position: sticky; top:0;">
<TR    style="border:0px solid #888888;">
<TH STYLE="height:200px;width:800px;">hello 5</TH><TH STYLE="width:800px;">hello 5</TH>
</TR>
</thead>

<TR style="">
<TD STYLE="height:200px;">hello 5</TD><TD>hello 5</TD></TR>
</TABLE>

HELLO TEXT 1

<TABLE BORDER=1 STYLE="position: sticky; top: 0;border-collapse: collapse;border: 3px solid #4285F4;background-color:#EEEEEE;">
<TR    style="border:0px solid #888888;">
<TD STYLE="height:200px;">hello 5</TD><TD>hello 5</TD>
</TR>
<TR style="">
<TD STYLE="height:200px;">hello 5</TD><TD>hello 5</TD></TR>
</TABLE>

<DIV STYLE="width:1600px;">
HELLO TEXT 3...  HELLO TEXT 3...  HELLO TEXT 3...  HELLO TEXT 3...  HELLO TEXT 3...  HELLO TEXT 3...   
</DIV>

</BODY></HTML>
html css position sticky
1个回答
0
投票

这应该工作。尝试将css和html保存在单独的文件中,以便您的代码更易于阅读。

tr {
position:sticky;
top:0;
}
© www.soinside.com 2019 - 2024. All rights reserved.