Isu fungsi dengan jadual tr:first-child td
P粉590929392
P粉590929392 2024-03-30 13:24:05
0
1
459

Saya menggunakan CSS dan jadual untuk meletakkan garis pecahan antara pengangka dan penyebut. Ia tidak berfungsi dengan betul pada pelayar Ant untuk pecahan kompleks. Di bawah ialah contoh kod yang digunakan dalam editor try it yang menunjukkan masalah. Terdapat sempadan yang tidak diingini di bawah huruf C. Tetapi sesuatu seperti huruf F berkod akan dilakukan. Saya mencuba 4 pelayar dan semuanya mempunyai masalah yang sama. Terdapat penyelesaian untuk menambah style="border:none" pada masalah < td > postscript. Ya, saya tahu <matematik> tetapi ia terlalu kikuk untuk saya.

<!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

membalas semua(1)
P粉399585024

Anda menyasarkan semua elemen tr dalam elemen td yang merupakan elemen anak pertama.

C berada di dalam tr pertama jadual dan oleh itu menjadi sasaran, walaupun pada hakikatnya ia juga berada di dalam meja dan tr yang lain.

Jika anda ingin lebih spesifik, pastikan anda memilih hanya anak langsung anak tr pertama td , dan kemudian C akan kehilangan garis bawahnya.




  



  V =
  
A +
B
C
D +
E
F
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan