CSS comment faire <TD> une hauteur fixe?

<table  cellspacing="0" id="contactTable" style="table-layout:table-layout:fixed;; width:100%; font-weight:normal; position: absolute; top:45; left: 0;">

<td height="50" style="padding-left:5px; overflow:hidden; ">
    <span style="text-transform:capitalize;line-height:100%;">
    //names here
    </span>                          
    </td>

...more code
</table>

Cela ne fonctionne pas. Le trop-plein est encore en faisant les cellules plus haut, la hauteur est de addapting de contenu.

Vous utilisez TR s, à droite?
Vidas clairement pas 🙂
Vidas oui. je juste n'ai pas le coller ici
Faire un exemple sur JS Bin, et assurez-vous que votre exemple a le même problème que vous décrivez dans votre question.

InformationsquelleAutor Dave819 | 2011-02-23

css html

41

La meilleure solution est de mettre un div à l'intérieur de la cellule avec la hauteur:
```
<td style="padding-left:5px;">
  <div style="height: 50px; overflow:hidden;">
      ...
  </div>
</td>
```
BTW, quelle est l'envergure pour? Si vous avez seulement besoin d'elle pour le style, vous pouvez définir le style de la cellule directement à la place.

InformationsquelleAutor RoToRa

il vous manque des lignes de la table

<table  cellspacing="0" id="contactTable" style="table-layout:fixed; width:100%; font-weight:normal; position: absolute; top:45; left: 0;">
    <tr>
        <td style="padding-left:5px; overflow:hidden; height: 50px;">
            <span style="text-transform:capitalize;line-height:100%;">
               //names here
            </span>                          
        </td>
    </tr>
</table>

InformationsquelleAutor cypher

1

La propriété CSS que vous cherchez est line-height. Il vous suffit de le mettre dans le <td>, pas dans le contenu de l' <span>
```
<td style="padding-left:5px; line-height: 50px; overflow: hidden">
</td>
```
InformationsquelleAutor SteeveDroz
1

Je suis juste l'apprentissage de la conception des sites web, je suis une sorte de noob. Comme je l'ai été aussi confronté à ce problème et une partie de la solution, je ne comprends pas à mon niveau. Alors que j'essayais, j'ai trouvé que la hauteur de la cellule auto ajusté par le contenu de la <td> élément. Donc, ce que j'ai fait j'ai mis un <div> élément à l'intérieur de la <td> et il fixe la hauteur. Pas n'importe la façon dont le contenu est à la hauteur de la <td> est fixés.
```
<td class="center">
<div class="align">
.
.
.

</div>
</td>


.align{  height: 200px;
     overflow:scroll;
     width:600px;
}
```
- Cette réponse n'est pas ajouter quelque chose d'utile pour RoToRa de la solution à partir de 2011.
InformationsquelleAutor enigma817
0

J'ai eu ce même problème. Vous pouvez utiliser la portée directement. C'est la meilleure approche. La TD/TR ne pas respecter la hauteur définie.
Il suffit de mettre une classe à votre portée et ajouter le css ou tout simplement faire directement avec l'attribut style.
```
<span class"MyClass">LONG NAME</span>

.MyClass { //on CSS File
    height: 60px;
    overflow:hidden;
}
```
ou tout simplement
```
<span style="height: 60px; overflow:hidden;">LONG NAME</span>
```
InformationsquelleAutor Fernando Cardoso

Aller avec des Div à l'intérieur de la td et en utilisant le css montrer les points de débordement

CSS:

.box {
  width: 200px;
}

.clampMe {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.clampMe:after {
  display: none;
}

HTML:

<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" href="style.css">
  <script src="script.js"></script>
</head>

<body>
  <table border="1">
    <tr>
      <td>test</td>
      <td>test</td>
    </tr>
    <tr>
      <td>test</td>
      <td>test</td>
    </tr>
    <tr>
      <td class="box">
        <div class="clampMe">
          FASTag is a simple to use, reloadable tag which enables automatic deduction of toll charges and lets you pass through the toll plaza without stopping for the cash transaction. FASTag is linked to a prepaid account from which the applicable toll amount
          is deducted. The tag employs Radio-frequency Identification (RFID) technology and is affixed on the vehicle's windscreen after the tag account is active.
        </div>
      </td>
      <td>
        <div>testasdfasdfasd asdf asdf asdfas dffasdf asd</div>
      </td>
    </tr>
  </table>
</body>

</html>

InformationsquelleAutor Shinoy Babu

0

Utilisation
```
.yourClass {padding: 1pt 0 1pt 0;}
```
et d'ajuster le "1pt" valeurs " (en haut & en bas) pour la hauteur requise.

Pour quelque raison
```
padding 0;
```
ne fonctionne pas.

InformationsquelleAutor Guy Ollerearnshaw

-1

Avez-vous essayé le réglage de la css de la hauteur de la td, plutôt que l'attribut html?

<td style="padding-left:5px; height:50px; overflow:hidden; ">
    <span style="text-transform:capitalize;line-height:100%;">    //names here
    </span>

Oui. Il ne fonctionne pas. la cellule devient encore plus grand s'il y a beaucoup de texte

InformationsquelleAutor Lee Atkinson

-5

J'aurais écrit
```
<td style="height:50px">
...
</td>
```
InformationsquelleAutor Nans

Vous devez vous connecter pour publier un commentaire.