como conseguir que el contenido solo contenga una linea

roboty · #1 (**permalink**) 06/09/2013, 16:07

Como conseguir en una celda que el contenido muestre los puntos suspensivos al final y que solo se vea una linea.

Código HTML:

Ver original<!DOCTYPE html>
 
<html>
<head>
    <title>Page Title</title>
    <style>
        table{
            width:50%;
        }
    </style>
</head>
 
<body>
 
<div>
    <table>
        <tr>
            <td>texto de prueba para la tablatexto de prueba para la tablatexto de prueba para la tabtexto de prueba para la tablatexto de prueba para la tablalatexto de prueba para la tabla</td>
        </tr>
        <tr>
            <td>texto de prueba para la tablatexto de prueba para la tablatexto de prueba para la tabtexto de prueba para la tablatexto de prueba para la tablalatexto de prueba para la tabla</td>
        </tr>
    </table>
</div>
 
</body>
</html>

ArturoGallegos · #2 (**permalink**) 09/09/2013, 00:47

una forma correcta y que se vea bien con CSS no la conseguirás, necesitas recurrir a javascript o mejor aun un lenguaje del lado del servidor que corte la información de forma correcta.

pzin · #3 (**permalink**) 09/09/2013, 01:12

Puedes usar text-overflow y necesitarás especificar un ancho de alguna forma:

Código CSS:

Ver originaltd {
  max-width: 100px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}