wie Spalten Gruppe

<div id="linksbwrap"> 
<a class="linkb" href="">Lorem ipsum Lorem ipsum</a><br> 
<a class="linkb" href="">Lorem ipsum Lorem</a><br> 
<a class="linkb" href="">Lorem ipsum Lorem ipsum</a><br> 
<a class="linkb" href="">Lorem ipsum Lorem</a><br> 
... 
</div>

csswie Spalten Gruppe

#linksbwrap{ 
    -webkit-column-count: 4; 
    -moz-column-count: 4; 
    column-count: 4; 
}

Wie zum Zentrum linken Rand der ersten Spalte setzen das gleiche wie am rechten Rande der letzten Spalte sein?

Und halten Sie die Links innerhalb der Spalten nach links ausgerichtet.

Ich habe versucht:

#linksbwrap{ 
     text-align:center; 
    }

aber in diesem Fall Links in Spalten auch von selbst zentriert sind.

Quelle

2016-04-30 bonaca

bieten css von .linkb – Atula

Wird das nicht?

#linksbwrap { 
 
    display: inline-block; 
 
    -webkit-column-count: 4; 
 
    -moz-column-count: 4; 
 
    column-count: 4; 
 
    background:lightblue; 
 
    margin: 0 40px; 
 
    padding-left: 30px; 
 
}

<div id="linksbwrap"> 
 
    <a class="linkb" href="">Lorem ipsum Lorem ipsum</a><br> 
 
    <a class="linkb" href="">Lorem ipsum Lorem</a><br> 
 
    <a class="linkb" href="">Lorem ipsum Lorem ipsum</a><br> 
 
    <a class="linkb" href="">Lorem ipsum Lorem</a><br> 
 
    <a class="linkb" href="">Lorem ipsum Lorem ipsum</a><br> 
 
    <a class="linkb" href="">Lorem ipsum Lorem</a><br> 
 
    <a class="linkb" href="">Lorem ipsum Lorem ipsum</a><br> 
 
</div>

Quelle

2016-04-30 07:15:04 LGSon

Sie können sehen, dass die linken/rechten Ränder sind nicht das gleiche – bonaca

@bonaca Sprechen wir über den richtigen Platz in jeder Spalte sollte in den ersten Spalten linken Seite übereinstimmen, so in meiner Antwort sollte es mehr blauen Raum auf der linken Seite sein die erste Spalte? – LGSon

@bonaca Aktualisiert meine Antwort. Ist das wie du willst? – LGSon

fügen Sie diese zu Ihrer CSS

#linksbwrap { 
     display: flex; 
     justify-content: space-around; 
    }

Dieser gleich viel Raum auf der linken Seite des ersten Elements verlassen und das Recht des letzten Elements

Quelle

2016-04-30 07:02:58

In diesem Fall sind alle Spalten und Links durcheinander! – bonaca

Versuchen Sie, die Breite zu fixieren und es in der Mitte zu halten Ort. So dass es Ihnen das Ergebnis geben wird, wie der linke und der rechte Rand gleich sind.

#linksbwrap{ 
-webkit-column-count: 4; 
-moz-column-count: 4; 
column-count: 4; 
margin:0px auto; 
width:80%; 
}

DEMO

Quelle

2016-04-30 07:09:25

Sie können sehen, dass die linken/rechten Ränder nicht die gleichen sind – bonaca

was ist nicht das Gleiche? Überprüfst du den Rand mit der Textendung? Wenn ja, ist es falsch. Sie sollten mit der Boxgröße nicht die Textgröße überprüfen. –

Ich empfehle, mit online css generators wie:

CSS3Generator.com

können Sie verschiedene Eigenschaften versuchen, die besten für Ihr Problem zu finden.

Quelle

2016-04-30 07:32:49

wie Spalten Gruppe

Antwort

Verwandte Themen