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