La voz de la experiencia en el uso de la página espaciamiento de diseño

Cuando el diseño de la página encontró un problema en este registro.

Contamos con los siguientes requisitos de diseño. La mayoría son como este, pieza por pieza, de arriba abajo están dispuestos en la página.

La separación entre los bloques tiene que ser fijo que es responsable . Por ejemplo, la separación entre el primer bloque y el segundo bloque, el segundo bloque requiere un margen-top completa, la separación entre el texto y el segundo bloque de texto realizado por margin-top. La ventaja de esto es que si estos bloques uno menos no destruirán el diseño de página. Si no fija, la distancia una voluntad, una se realizará a partir de lo anterior por el siguiente margen-margen superior-inferior, entonces el diseño es relativamente inestable. Si un elemento no es visible en algunos casos, y para darse cuenta de su terreno de juego superior e inferior, a continuación, los elementos no son visibles cuando los dos elementos adyacentes superior e inferior se ponen juntos, esto es obviamente un problema.

Por supuesto, el margen-top no necesariamente fijo, el margen de fondo puede ser.

Otro problema es que cuando el paso margin-top fijo cuando no puede satisfacer plenamente la demanda. Por ejemplo, la relación entre la primera línea de arriba y última línea de texto y botones en algunos casos es muy sutil.

Espero que la primera línea de texto desaparece cuando el botón de arriba y el bloque de espaciamiento sigue siendo la primera línea de texto y el espaciamiento de los bloques anteriormente. Y, la segunda líneas desaparecen cuando el botón y manteniendo la distancia por debajo de la segunda línea de la distancia y el siguiente bloque.

Si la primera línea de texto y el espaciamiento de bloques anterior por su propio margen superior para lograr, botones, y el tono de la primera línea del texto es el botón margin-top, luego desaparecen si la primera línea de texto por encima del bloque al lado del botón se realiza al parecer no . Esta vez necesitamos un concepto totalmente a revertir esta relación. La capa exterior del elemento padre de pan, dos líneas de texto y botones como un todo, el tono elemento padre margin-top como el bloque externo, entonces el lanzamiento de texto margin-bottom entre la primera línea y el botón para ser responsable. A pesar de que la primera línea de texto desaparece, esto no afectará el botón de visualización.

El siguiente texto es de conformidad con el margen superior se puede hacer, por lo que el siguiente texto desaparece afectará a la disposición de los botones, texto y espaciado por debajo de los siguientes bloques al siguiente bloque a tratar con él.

Así resumir:

1. La disposición del terreno de juego es tener la ley que es responsable

2. La necesidad de bloquear con precisión elementos de la página

Publicado 48 artículos originales · ganado elogios 52 · Vistas a 50000 +

Supongo que te gusta

Origin blog.csdn.net/letterTiger/article/details/103330605
Recomendado
Clasificación