简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
表 tr:first-child td 的功能问题
P粉590929392
P粉590929392 2024-03-30 13:24:05
0
1
307

我使用 CSS 和表格来将分数线放在分子和分母之间。对于复杂的分数，它在 Ant 浏览器上无法正常工作。下面是在 try it 编辑器中使用的示例代码，显示了该问题。在字母 C 下方有一个不需要的边框。但类似编码的字母 F 就可以了。我尝试了4个浏览器，都有同样的问题。有一种解决方法是向问题 < td > 添加 style="border:none" （添加类不起作用），但为什么我需要这样做？ 附言。是的，我知道 < 数学 > 但对我来说太笨拙了。

<!DOCTYPE html>
<html>
<head>
<style>
table   {display:inline-table; vertical-align:middle}
table tr:first-child td {border-bottom:solid black}
td  {vertical-align:middle>
</style>
</head>
<body>
V = <table>
<tr>    <td>A + <table>
            <tr>    <td>B</td></tr>
           <tr> <td>C</td></tr></table></td></tr>
    <tr>    <td>D + <table>
            <tr>    <td>E</td></tr>
            <tr>    <td>F</td></tr></table>
</td></tr></table>
</body>
</html>

P粉590929392
P粉590929392

全部回复(1)
P粉399585024
P粉3995850242024-03-31 12:24:56 1 楼

您正在定位作为第一个子元素的 tr 元素内的所有 td 元素。

C 位于外表的第一个 tr 内，因此成为目标，尽管事实上它也在另一个表和 tr 内。

如果您想更具体一些，请确保仅选择第一个子 tr 的直接子代的 td，然后 C 就会失去下划线。




  



  V =
A +
B
C
D +
E
F
点赞 +0
添加回复
热门专题
更多>
热门文章
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！