Set de table td hauteur de dépassement et de défilement

J'ai un tableau et je veux afficher une barre de défilement verticale sur le td lors de son contenu sont la dépassant une hauteur spécifiée de la ligne.

J'ai cette exemple de code mais il ne s'affiche pas active la barre de défilement sur l'axe y, peu importe le contenu.

OriginalL'auteur Vassilis Barzokas | 2012-12-27

  1. 11

    Navigateurs ne les appliquez pas de dépassement de barres de défilement pour TD balises. Vous devez mettre le contenu de vos cellules de tableau dans un div tag, et de défilement:

    <td><div>Do you see what I meancxzdaaaaaaaaaaaaa?</div></td>

    et:

    td > div { overflow-y:scroll;overflow-x:hidden;}
    Merci, juste pour ajouter que vous avez de spécifier div hauteur afin d'afficher la barre de défilement correctement.

    OriginalL'auteur Gareth Cornish

  2. 4

    Overflow:scroll; devrait donner une barre de défilement sur un élément de niveau bloc, qui td ne l'est pas. Que devrait-il faire sur un td ? Le CSS n'est pas clair sur ce point, navigateur comportement diffère.

    Chrome appliquer une barre de défilement, mais FF et IE ne sera pas. Pour une solution de navigateur, vous pouvez ajouter un div conteneur et d'appliquer le CSS à la place. 

    <html>
  <head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <title>Test</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <style type="text/css">
      table { width:250px;table-layout:fixed;border-collapse:collapse }
      table tr { height:1em;  }
      td > div { overflow-y:scroll;overflow-x:hidden;} 
    </style>
  </head>
  <body>
    <table border="1">
      <tr>
        <td>This is a test.</td>
        <td><div>Do you see what I meancxzdaaaaaaaaaaaaa?</div></td>
        <td>I hate this overflow.</td>
      </tr>
    </table>
  </body>
</html>

    OriginalL'auteur mikel

  3. 3
    td > div { overflow-y:auto;}

    Cela va ajouter de la barre de défilement verticale en cas de besoin.

    OriginalL'auteur Hai Nguyen