suchen

Heim  >  Fragen und Antworten  >  Hauptteil

Funktionsprobleme mit der Tabelle tr:first-child td

Ich habe CSS und Tabellen verwendet, um die Bruchlinie zwischen Zähler und Nenner zu platzieren. Bei komplexen Brüchen funktioniert es im Ant-Browser nicht richtig. Unten finden Sie Beispielcode, der im Try-It-Editor verwendet wird und das Problem zeigt. Unterhalb des Buchstabens C befindet sich ein unerwünschter Rand. Aber so etwas wie der codierte Buchstabe F reicht aus. Ich habe 4 Browser ausprobiert und alle hatten das gleiche Problem. Es gibt eine Problemumgehung, um style="border:none" zum Problem hinzuzufügen (das Hinzufügen einer Klasse funktioniert nicht), aber warum muss ich das tun? Nachwort. Ja, ich kenne <Mathe>, aber es ist zu umständlich für mich. 

<!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粉590929392P粉590929392236 Tage vor429

Antworte allen(1)Ich werde antworten

  • P粉399585024

    P粉3995850242024-03-31 12:24:56

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

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

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

    



  



  V =
  
    
    
    
      A +
        
    
          
    
            B
          
    
          
    
            C
          
    
        
    
          		
    
    
    
    
      D +
        
    
          
    
            E
          
    
          
    
            F

    Antwort
    0
  • StornierenAntwort