我使用CSS表格把分数线放在分子和分母之间。对于一个复杂的分数，它在蚂蚁浏览器上不能正常工作。下面是在try it编辑器中显示问题的示例代码。在字母C下面有一个不需要的边框。但是字母F，编码类似是可以的。我尝试了4个浏览器，都有同样的问题。有一个解决方法是添加style=“border：none”到这个问题中< td >（添加一个类不起作用），但是为什么我需要这样做呢？PS。是的，我知道，< Math >但是对我来说太笨拙了。
<!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>
1条答案
按热度按时间8nuwlpux1#
目标是tr元素中的所有td元素，tr元素是第一个子元素。
C在外部表的第一个tr内，因此被作为目标，尽管事实上它也在另一个表和tr内。
如果你更具体一点，确保只选择那些作为第一个孩子tr的直接孩子的tds，那么C就失去了下划线。