Red de conocimiento informático - Material del sitio web - Cómo mostrar div fuera del navegador

Cómo mostrar div fuera del navegador

¿Qué pasa si las cosas fuera del div no se muestran?

1. Para facilitar la operación, primero usamos la biblioteca de scripts jquery para introducir el archivo de script. En 2.html hay un div y un botón. Este botón se utiliza para activar un cambio en la altura del div.

3. La función de evento del botón es como se muestra en la figura. Primero, usamos el método de ancho de jquery para obtener el ancho actual del div.

4. Luego calcula la altura del div. Suponiendo que la altura debe establecerse en el 60% del ancho, configuramos x0,6.

5. Método Finalmente, use el método css de jquery para establecer su altura.

6. Ejecute la página para ver el ancho y alto del div actual.

7. Después de hacer clic en el botón, puedes ver que la altura del div ahora es 0,6 veces el ancho.

¿Cómo hacer que aparezca una barra de desplazamiento en P?

1. Abra dw, cree una nueva página html e ingrese a la página html para editarla.

2. Escribe una capa P en el medio del cuerpo del código.

3. Utilice la tecla de acceso directo "ctrl+s" para guardar la página html recién creada y escriba P en un directorio conocido.

4. Haga clic en el botón del archivo dw y seleccione "Nuevo" en el cuadro desplegable emergente.

5. En la ventana recién creada, busque la columna "css" y haga clic en "css" para crear un nuevo estilo CSS.

6. El estilo de escritura comienza con ",". Madera plana {}", asígnele un ancho y alto fijos, y luego agregue un color de fondo para permitir que P se adapte al ancho y alto, y muestre la barra de desplazamiento en exceso.

7. Guarde este CSS estilo al mismo directorio de nivel. Por ejemplo, ceshi.html está en la unidad c y el estilo css también se guarda en la unidad c

8. .html y ábrala con un navegador. Puede ver una página con un ancho de 100 píxeles.

¿Cómo obtiene vue.js la altura de p? >El objeto javascriptscreen obtiene el ancho y el alto de la pantalla, como alert(screen.height)br>Propiedad AvailHeight

-

La altura de la pantalla que la ventana puede usar, en píxeles. Propiedad AvailWidth

-

El ancho de pantalla que puede usar la ventana, en píxeles. Propiedad ColorDepth

-

. El número de bits de color representados por el navegador del usuario suele ser de 32 bits (bits por píxel)br & gtPropiedad PixelDepth

-

El número de bits de color representados por el navegador del usuario suele ser 32 bits (bits por píxel) (no compatible con IE) br & gt atributos de altura

-

Alto de la pantalla, en píxelesbr & gtPropiedad ancho

-

Ancho de pantalla, en píxelesbr & gtbr & gtp Establecer posicionamiento, el ancho y el alto se pueden establecer en la mitad de la pantalla, se pueden colocar absolutamente

Las barras de desplazamiento aparecen cuando. ¿El texto CSS es mayor que el ancho del DIV?

Debería escribirse así:

Contenedor { overflow-x: auto; en blanco: nowrap) (compatible con IE6, IE7, FF) No es suficiente usar desbordamiento aquí, porque cuando la longitud del texto excede el ancho del contenedor, el navegador se ajustará y la barra de desplazamiento horizontal no aparecerá (a menos que sea una conexión de letras en inglés, sin espacios entre letras)

En blanco: se debe agregar nowrap aquí (nowrap: obliga a que todo el texto se muestre en la misma línea hasta el final del texto o hasta que se encuentre un objeto br).

¿Por qué ¿La p aquí no se ajusta?

1. Abra vscode para crear una página de prueba. En la página de prueba, agregue una P con un ancho de 300 px y agregue un borde rojo a la P. Las configuraciones aquí son. fijo El ancho y el borde son para una mejor demostración de los saltos de línea y no de línea.

2 En la etiqueta P, agregue algunas palabras de prueba, solo para demostración. No escribas muy poco, al menos ten en cuenta dos líneas de espacio.

3. Abra la página de prueba en el navegador, podrá ver que el texto en la P predeterminada se ajustará automáticamente. Por lo tanto, no se necesitan configuraciones adicionales para que se ajuste automáticamente, ni tampoco se requiere ninguna configuración para forzar el ajuste.

4. Si desea forzar que el texto en P no se ajuste, puede utilizar el siguiente estilo CSS. En blanco: ahorarap.

5. En el navegador, abra la página de prueba nuevamente, puede ver que el texto en P no ha sido forzado a ajustarse y el ancho ocupado ha excedido el ancho predeterminado de P..

6. El efecto anterior, aunque el texto está roto a la fuerza. Simplemente no se ve bien. Si desea forzar que el texto no se ajuste dentro del ancho de p, use las barras de desplazamiento para mostrar el contenido más allá y agregue un estilo.

7. Abra la página de prueba nuevamente en el navegador, verá que el texto no excede el ancho P preestablecido y no hay salto de línea. Si se muestra texto con un ancho menor que P, se creará automáticamente una barra de desplazamiento.