espacio - tablas en html ejemplos
Cómo mostrar texto multilínea en una celda de tabla (7)
Quiero mostrar un párrafo de la base de datos en una celda de la tabla.
El resultado es una gran línea 1, ignorando cómo está organizada en la base de datos. ignorando ''entra'' por ejemplo (nuevas líneas)
Quiero mostrarlo exactamente de acuerdo a cómo está escrito en la base de datos.
Por ejemplo, si el párrafo se guarda de esta manera:
hello ,
my name is x.
Quiero que se muestre exactamente así, en lugar de:
hello, myname is x.
Ajustar el contenido en una etiqueta <pre> (texto preformateado)
<pre>hello ,
my name is x.</pre>
Desea utilizar el white-space:pre CSS white-space:pre aplicado al <td> apropiado. Para hacer esto a todas las celdas de la tabla, por ejemplo:
td { white-space:pre }
Alternativamente, si puede cambiar su marcado, puede usar una etiqueta <pre> alrededor de su contenido. De forma predeterminada, los navegadores web usan su hoja de estilo de agente de usuario para aplicar la misma regla de white-space:pre a este elemento.
El elemento PRE le dice a los agentes de usuario visual que el texto adjunto está "preformateado". Al manejar texto preformateado, agentes de usuario visuales:
- Puede dejar espacio en blanco intacto.
- Puede representar texto con una fuente de tono fijo.
- Puede deshabilitar el ajuste automático de palabras.
- No debe deshabilitar el procesamiento bidireccional.
En su código del lado del servidor, reemplace las nuevas líneas ( /n ) con <br/> .
Si usa PHP, puede usar nl2br()
Hola, ¡necesitaba hacer lo mismo! No pregunte por qué, pero estaba generando un html usando Python y necesitaba una forma de recorrer los elementos en una lista y hacer que cada elemento tomara una fila propia dentro de una sola celda de una tabla.
Descubrí que la etiqueta br funcionaba bien para mí. Por ejemplo:
<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<TABLE>
<TR>
<TD>
item 1 <BR>
item 2 <BR>
item 3 <BR>
item 4 <BR>
</TD>
</TR>
</TABLE>
</BODY>
Esto producirá el resultado que yo quería.
Tienes dos formas de resolver este problema.
SOLUCIÓN 1 ( <p> or <br/> )
Puede agregar la actualización de la línea final de la base de datos ( /n ) a las etiquetas html <p></p> o <br /> . Un ejemplo en php sería echo str_replace("/n","<br />",$database_text);
SOLUCIÓN 2 ( <pre> )
El uso de una etiqueta html formateará el texto como <pre>database text</pre> deseado, aunque esto le dará problemas adicionales de css y solo debería usarse para situaciones básicas.
Utilizo la etiqueta de código html después de cada línea (ver abajo) y funciona para mí.
George Benson </br> 123 Main Street </br> New York, Ny 12344 </br>
style="white-space:pre-wrap; word-wrap:break-word"
Esto resolvería el problema de la nueva línea. la etiqueta pre agregaría CSS adicional de lo requerido.