Débordement de l'attribut de <td> ne pas créer une barre de défilement

J'ai essayer de créer une cellule de tableau <td> avec un trop plein mais ça ne fonctionne pas...

Il y a mon code CSS:

td.blog_content
{
    max-height: 50px;
    overflow: auto;
    width: 360px;
    text-align: left;
    padding: 2px;
}

Et mon code HTML:

<td class="blog_content"><?php echo $blog['content']; ?></td>

Il serait de créer une simple boîte avec une barre de défilement si le texte est trop long...

Et bien sûr, nous n'aurions pas utiliser un <table> pour le style de sorte .blog_content est évidemment de données tabulaires 😉
Quel titre... "le style CSS ne fonctionne pas". Bon, il nous suffit de feu toutes nos designers alors, ils le font mal toutes ces années.
C'est seulement la partie où j'ai un bug...
Un bug? C'est ce que nous sommes ici 😉 Moderne CSS permet de gérer la plupart n'importe quelle situation, un tableau.
Comme je l'ai dit, moderne CSS permet de gérer plus de rien. Cela signifie que nous pouvons faire IE7+ (qui est CSS2 +certains) prennent en charge la plupart de tout ce qu'une table peut faire. Si vous parlez CSS3, qu'il n'y a rien d'une table peut faire que CSS ne peut pas. Si vous souhaitez obtenir fixe, je vous recommande de poster une question comme beaucoup ici dans la communauté (y compris moi-même à la fois) sont bons à la résolution de ces questions.

OriginalL'auteur Frederick Marcoux | 2012-02-05

8

Essayer en l'enveloppant dans un <div>. Je suis sûr que le débordement de l'attribut n'est pas défini pour un <td> élément, au moins dans HTML4 il ne l'est pas.
```
<td class="blog_content">
    <div><?php echo $blog['content']; ?></div>
</td>

.blog_content div {
    height: 50px;
    max-height: 50px;
    overflow: auto;
}
```
Vous aurez besoin de l'envelopper dans un <div> en HTML5 trop

OriginalL'auteur nickb
2

Ensemble table-layout: fixed; sur le table contenant vos cellules. Sinon, envelopper le contenu de chaque cellule dans un div et appliquer les styles.

Êtes-vous sûr que le table-layout propriété affecte? je n'arrive pas à le faire fonctionner.

OriginalL'auteur Niet the Dark Absol

Il semble que vous ayez à envelopper le contenu dans un div:

<td class="blog_content"><div><?php echo $blog['content']; ?></div></td>

td.blog_content div
{
    max-height: 50px;
    overflow: auto;
    width: 360px;
    text-align: left;
    padding: 2px;
}

Démo: http://dabblet.com/gist/1747301

OriginalL'auteur TimWolla

1

Je ne suis pas sûr que vous pouvez forcer la barre de défilement par overflow: auto dans une table-cell, mais bien sûr que vous pouvez avec un div-tag.
Avez-vous songé à utiliser un div?

OriginalL'auteur jesperlndk
1

Vous pouvez mettre :
```
<td class="blog_content">
  <div style="overflow:auto;width:200px;">
      <?php echo $blog['content']; ?>
  </div>
</td>
```
L'ajout d'un élément DIV sera fixe la hauteur ou de la largeur et de la propriété overflow auto va le faire défiler.

OriginalL'auteur Alex Peta

Vous devez vous connecter pour publier un commentaire.