Mantener ancho y linea única en celda

Dany_s · #1 (**permalink**) 07/04/2010, 06:13

Quiero darle un ancho fijo a las celdas de una tabla pero que si el texto de la celda tiene 20 palabras que no se haga multilinea o sea que no tenga saltos de lineas.

Con lo único que he logrado es con 2 div que tienen overflow

Código HTML:

<html>
<head>
<title>Prueba</title>
<style>
    .wrap {width:94px; overflow:hidden; height:15px}
    .wrap div { overflow:hidden; width:1500px}
    td,th {width:94px; border:1px solid #ccc}
</style>
</head>
<body>
    <table>
        <tr>
            <th>ID</th>
            <th>Nombre</th>
            <th>Direccion</th>
        </tr>
        <tr>
            <td>1</td>
            <td><div class="wrap"><div>Juan Pablo Martinez Lopez</div></div></td>
            <td>no tiene</td>
        </tr>
    </table>
</body>
</html>

¿Existe otra forma para no envolver el texto con 2 div por celda?
ah y sin cortar las palabras con php u otro porque lo que voy a hacer es poder arrastrar las celdas para agrandar el ancho asi se puede visualizar completo

emiliodeg · #2 (**permalink**) 07/04/2010, 11:06

super facil

.wrap{height:20px;width:50px;overflow:hidden}
.wrap div{line-height:20px}

Dany_s · #3 (**permalink**) 07/04/2010, 16:00

si lo habia hecho así pero se hace multilinea

osea corta por los espacios

lord_fr4nk · #4 (**permalink**) 10/01/2011, 12:36

Cita:

Iniciado por Dany_s

si lo habia hecho así pero se hace multilinea

osea corta por los espacios

Hola andaba buscando hace timpo como fijar el ancho de las columnas y con este codigo pude hacerlo, pero me afecta a toda la pagina.Como puedo hacer para que solo me afecte a las tablas que yo quiero??Agradeceria mucho tu respuesta.Saludos