esconder texto

[alvaro_trewhela]

Estimados como se puede esconder contenido de un contenedor sin comprometer al contenedor mismo, me explico tengo lo siguiente:

Código HTML:

<div style="width:300px; border-width:1px; border-color:#000000; border-style:solid;">
asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />
</div>
 

se muestra el div con el borde pero al aplicar

Código CSS:

display:none;
 

el div desaparece, solución para esto

gracias

[IsaBelM]

Prueba a usar text-indent con un valor negativo alto

[alvaro_trewhela]

Iniciado por IsaBelM

Prueba a usar text-indent con un valor negativo alto

lo pruebo y comento ;)

[BeikerxD]

Yo te recomiendo que encierres el contenido a ocultar en otra caja, mas o menos asi:

Código HTML:

<div style="width:300px; border-width:1px; border-color:#000000; border-style:solid;">
        <div class="ocultar">
              asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />
        </div>
    </div>
 

Código CSS:

div.ocultar {
     display: none;
  }
 

[Rafael]

La solución de BeikerxD es buena.

Yo propongo una modificación:

Código HTML:

<div class="MeVoyATragarElContenido" >
<p>asd<br />asd<br />asd<br />asd<br /></p>
        </div>
 

Código CSS:

.MeVoyATragarElContenido {width:300px; border-width:1px; border-color:#000000; border-style:solid;}
 
.MeVoyATragarElContenido p {display: none;}
 

Destaco dos cosas. El estilo no debería ir en el mismo html sino en una hoja de estilos, pero bueno, se puede dejar.

Pero lo importante es el selector .MeVoyATragarElContenido p Esto aplica el estilo a los párrafos que están dentro de ese div.

Probablemente debería usarse un id en lugar de un class, pero eso es aparte.