La investigación que utiliza el sitio web oficial de Apple Justificar navegación de diseño

Al implementar justifica el texto, en el que el elemento de texto se puede lograr utilizando los requisitos de propiedades siguiente

text-align: justify;

Ya sabemos que el uso de un diseño flotante es inferior elección, porque el diseño flotante hará que la página para rendir el doble de la eficiencia global de disminución de representación, y por lo tanto se ha encontrado en la disposición flotante muchas alternativas. Justificar ejemplo, los viejos y los nuevos modelos de bolsa flexible, y elementos de bloque en línea A continuación se tienen que analizar.

página web oficial de Apple se utiliza en ambos extremos del elemento de bloque está alineado en línea.

<div class="wrap">
    <div class="item">Javascript</div>
    <div class="item">Css</div>
    <div class="item">Angular</div>
    <div class="item">Gulp</div>
    <div class="item">Bootstrap</div>
</div>
.wrap {
    max-width: 600px;
    background-color: orange;
    color: #fff;
    margin: 20px auto;
    text-align: justify;
    height: 44px;
    line-height: 44px;
}

.item {
    display: inline-block;
}

.wrap::after {
    display: inline-block;
    content: '';
    width: 100%;
    line-height: 0;
    font-size: 0;
}

¿Quieres usar justifican lograr los resultados deseados, hay que señalar que la siguiente

Los elementos en línea no será la última fila en ambos extremos de la central, y serán alineado a la izquierda.

Por lo tanto, si sólo una fila de elementos de navegación, que text-align: justifyno tenga efecto, por lo que envuelva el elemento hijo después de la última adición de una pseudo-clase, y puso su ancho a 100%, entonces esta es la última fila después de una pseudo-clase, el efecto será el orgullo de alcanzar la normalidad.

clipboard.png

Supongo que te gusta

Origin www.cnblogs.com/baimeishaoxia/p/12654289.html
Recomendado
Clasificación