Programmiererforum

Ich versuche, ein 3x3 -Gitter mit Symbolen als Links zu anderen Seiten auf meiner Website zu erstellen, die auf einer ansonsten leeren Seite zentriert sind. Bisher kann ich ein Netz machen, aber nicht zentrieren, oder ich kann die Bilder zentrieren, aber nicht als Netz, und egal was ich tue, es gibt eine Menge leerer Raum zwischen den Spalten. Ich habe Flexboxen und Gitter ausprobiert und hatte die gleichen Probleme.



[url=./index.html]
[img]./icon1.png[/img]
[/url]
[url=./index.html]
[img]./icon1.png[/img]
[/url]
[url=./index.html]
[img]./icon1.png[/img]
[/url]

[url=./index.html]
[img]./icon1.png[/img]
[/url]
[url=./index.html]
[img]./icon1.png[/img]
[/url]
[url=./index.html]
[img]./icon1.png[/img]
[/url]

[url=./index.html]
[img]./icon1.png[/img]
[/url]
[url=./index.html]
[img]./icon1.png[/img]
[/url]
[url=./index.html]
[img]./icon1.png[/img]
[/url]




< /code>
Und dies ist mein CSS: < /p>
.column {
float: left;
width: 33%;
}

.center {
align-content: center;
justify-content: center;
}
< /code>
Und so sieht es momentan live aus:

(ScreenCap der aktuellen Seite)

< /P. /P.>