Frage

Warum hat die CSS-Eigenschaft overflow:scroll; nicht in <td> arbeiten, während overflow:hidden; funktioniert gut? 

<table border="1" style="table-layout:fixed; width:100px">
  <tr>
    <td style="overflow:scroll; width:50px;">10000000000000000000000000000000000</td>
    <td>200</td>
    <td>300</td>
  </tr>
</table>

Von den CSS-Spezifikationen 1 , 2 , ich kann nicht sehen, warum.

War es hilfreich?

Lösung

Ich habe etwas von hier !

  

Andrew Fedoniouk schrieb:

     
    

Das ist eigentlich meine Frage:     „Ein technischer Grund ist, dass die Überlauf-Eigenschaft gilt nicht für     Tabellen „-.?, warum Was ist der Grund

  
     

Ich bin kein Experte, aber ich glaube, das ist   nur für die Abwärtskompatibilität mit   Legacy-Tabelle Verhalten. Du kannst nachschauen   das „automatische“ Tabellen-Layout   Algorithmus in der spec. Ich bin hübsch   sicher, dass dieser Layout-Algorithmus ist   nicht mit dem Überlauf   Eigenschaft (oder, genauer gesagt, die   Layout-Algorithmus wird nie ergeben   die Notwendigkeit, für jeden Wert von Überlauf   außer 'sichtbar').

     
    

Ja, das ist, warum ich frage. Scheint, als ob es keine formalen Gründe     warum oder nicht scrollbaren sein, aber scheint, wie     UA-Anbieter erreichten eine stille Vereinbarung in diesem Bereich. So ist die     Frage.

  
     

Die Spezifikation stimmt mit Ihnen in Bezug   zu den Elementen. Tabellenzellen sind   angeblich Überlauf zu respektieren, obwohl   Mozilla, zumindest scheint nicht zu tun   damit. Ich kann nicht die Antwort auf Ihre Frage in   diese Instanz, obwohl ich würde immer noch   Vermutung ist die Antwort immer noch gebunden an   Legacy-Rendering.

Die Hauptthread ist hier .

Andere Tipps

Sie haben es in einem div zu wickeln, das funktioniert: 

<table border="1" style="table-layout:fixed; width:500px">
  <tr>
    <td style="width:100px;"><div style="overflow:scroll; width:100%">10000000000000000000000000000000000</div></td>
    <td>200</td>
    <td>300</td>
  </tr>
</table>

Zum einem gewünschten Höhe zur Verfügung stellen td und dann auf Übernehmen „float: left“. Eigenschaft jeweiligen „td“ Sie Scrollbar angezeigt werden sollen

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top