CSS cómo hacer <TD> una altura fija?

<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>

Esto no funciona. El desbordamiento sigue haciendo que la celda sea más alta, la altura se está adaptando al contenido.CSS cómo hacer <TD> una altura fija?

Fuente

2011-02-23 Dave819

Se utiliza TR, ¿verdad? –

@ Šime Vidas - claramente no :) –

@ Šime Vidas sí. Simplemente no lo pegué aquí – Dave819

La mejor solución es poner un div dentro de la célula con la altura:

<td style="padding-left:5px;"> 
    <div style="height: 50px; overflow:hidden;"> 
     ... 
    </div> 
</td>

Por cierto, ¿cuál es el lapso de? Si solo lo necesita para el diseño, puede darle estilo a la celda directamente.

Fuente

2011-02-23 13:00:07 RoToRa

agradable .......... – Newkie

-1

¿Ha intentado establecer la altura de css en el td en lugar del atributo html?

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

Fuente

2011-02-23 12:56:29

Sí. No funciona la celda aún se hace más alta si hay un montón de texto – Dave819

-5

habría escrito

<td style="height:50px"> 
... 
</td>

Fuente

2011-02-23 13:00:22 Nans

se está perdiendo filas de la tabla

<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>

Fuente

2011-02-23 13:01:09 cypher

La propiedad CSS que busca es line-height. Simplemente hay que ponerlo en el <td>, no en el contenido <span>

<td style="padding-left:5px; line-height: 50px; overflow: hidden"> 
</td>

Fuente

2017-09-07 08:35:48 SteeveDroz

que tenía este mismo problema. Puedes usar el lapso directamente. Es el mejor enfoque. El TD/TR no respeta la altura establecida. Simplemente ponga una clase en su tramo y agregue el CSS o simplemente apliqúelo directamente con el atributo de estilo.

<span class"MyClass">LONG NAME</span> 

.MyClass { //on CSS File 
    height: 60px; 
    overflow:hidden; 
}

o simplemente

<span style="height: 60px; overflow:hidden;">LONG NAME</span>

Fuente

2017-10-19 15:18:54

CSS cómo hacer <TD> una altura fija?

Respuesta

Cuestiones relacionadas