Ver ❯
Herramientas SEO
Tamaño del resultado:
668 x 574
×
Cambiar Orientacion
Cambiar tema, Oscuro/Luz
<!doctype html> <html lang="es"> <head> <meta charset="utf-8"> <title>Conseguir que los elementos pre y code no se salgan del contenedor</title> </head> <body> <style> .demo-pre-wrap { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } pre { background: #999; color: #222; padding: 20px; } /*Override site CSS to see the full effect*/ .demo-223 { overflow: visible; width: 500px; word-wrap: normal; } </style> <h2>Normal</h2> <pre class="demo-223">[{key : value, key2 : value2, key3 : value3, key : { key : value, key2 : value2, key3 : value3} },{key : value, key2 : value2, key3 : value3,...}] [{key : value, key2 : value2, key3 : value3, key : { key : value, key2 : value2, key3 : value3} },{key : value, key2 : value2, key3 : value3,...}]</pre> <h2>Wrapped</h2> <pre class="demo-223 demo-pre-wrap">[{key : value, key2 : value2, key3 : value3, key : { key : value, key2 : value2, key3 : value3} },{key : value, key2 : value2, key3 : value3,...}] [{key : value, key2 : value2, key3 : value3, key : { key : value, key2 : value2, key3 : value3} },{key : value, key2 : value2, key3 : value3,...}]</pre> </body> </html>