我使用 CSS 和表格來(lái)將分?jǐn)?shù)線放在分子和分母之間。對(duì)於複雜的分?jǐn)?shù)，它在 Ant 瀏覽器上無(wú)法正常工作。下面是在 try it 編輯器中使用的範(fàn)例程式碼，顯示了該問(wèn)題。在字母 C 下方有一個(gè)不需要的邊框。但類似編碼的字母 F 就可以了。我嘗試了4個(gè)瀏覽器，都有同樣的問(wèn)題。有一種解決方法是向問(wèn)題 < td > 添加 style="border:none" （添加類別不起作用），但為什麼我需要這樣做？ 附言。是的，我知道 < 數(shù)學(xué) > 但對(duì)我來(lái)說(shuō)太笨拙了。
<!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
0
0
您正在定位作為第一個(gè)子元素的 tr 元素內(nèi)的所有 td 元素。
C 位於外表的第一個(gè) tr 內(nèi)，因此成為目標(biāo)，儘管事實(shí)上它也在另一個(gè)表和 tr 內(nèi)。
如果您想更具體一些，請(qǐng)確保只選擇第一個(gè)子 tr 的直接子代的 td，然後 C 就會(huì)失去底線。
V =
A +
|
||
D +
|
