简体中文(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
304

我使用 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學習者快速成長！