Ajustar celdas al texto que contienen

congrio7 · #1 (**permalink**) 18/05/2006, 07:20

Otra dudilla de CSS:

tengo una tabla pero las celdas son muy anchas y quiero que al menos se ajusten al texto que tenga dentro, ¿que propiedad se usa para eso?

JavierB · #2 (**permalink**) 18/05/2006, 08:13

Hola congrio7

He separado este mensaje para crear un tema nuevo con tu nueva pregunta. Así queda todo más claro.

Saludos,

rkpost · #3 (**permalink**) 18/05/2006, 08:26

si no le pones ancho a la tabla, la misma se va a ajustar al texto que tenga adentro. Y si queres que el ancho de la tabla sea fijo pero las columnas se acomoden proporcionales al texto que tienen tienes que darle ancho solo a TABLE.

caricatos · #4 (**permalink**) 18/05/2006, 08:34

Hola:

Solo se me ocurre con javascript:

Código:

<html>
<head>
<title>1, 2, 3, ¡probando!...</title>
<script>
function ajuste(texto) {
  var tempSpan = document.createElement("span")
  tempSpan.appendChild(document.createTextNode(texto));
  document.body.appendChild(tempSpan);
  ancho = tempSpan.offsetWidth;
  document.body.removeChild(tempSpan);
  return ancho;
}
</script>
</head>
<body onload="x = document.getElementById('prueba'); x.style.width = ajuste(x.value) + 'px'">
<input type="text" id="prueba" value="texto" />
</body>
</html>

Bueno, es preferible poner unos pocos pixeles más... además, el ejemplo es con un input

Saludos