gpt4 book ai didi

html - 划线/删除线穿过整个 HTML 表格行

转载 作者:技术小花猫 更新时间:2023-10-29 11:34:18 27 4
gpt4 key购买 nike

经过一些研究,我找不到这个问题的答案。有 this但它并没有真正回答我的问题。我想在 CSS 中“删除”一个完整的 HTML 表格行,而不仅仅是其中的文本。有可能吗?从我链接的示例来看,似乎 tr 样式甚至在 Firefox 中都不起作用。 (无论如何,文字修饰只适用于文字 afaik)

最佳答案

哦,是的,是的!

CSS:

table {
border-collapse: collapse;
}

td {
position: relative;
padding: 5px 10px;
}

tr.strikeout td:before {
content: " ";
position: absolute;
top: 50%;
left: 0;
border-bottom: 1px solid #111;
width: 100%;
}

HTML:

<table>
<tr>
<td>Stuff</td>
<td>Stuff</td>
<td>Stuff</td>
</tr>
<tr class="strikeout">
<td>Stuff</td>
<td>Stuff</td>
<td>Stuff</td>
</tr>
<tr>
<td>Stuff</td>
<td>Stuff</td>
<td>Stuff</td>
</tr>
</table>

http://codepen.io/nericksx/pen/CKjbe

关于html - 划线/删除线穿过整个 HTML 表格行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4619542/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com