11.09.2023, 17:54
|
|||
|
|||
Lücke im Raster soll verschwinden
Habe mit CSS grid ein 2 × 2 Raster erstellt und mit Bildern befüllt.
Leider habe ich da eine Lücke zwischen den oberen und unteren Bildern. Siehe hier: Bilder Was kann ich tun, damit diese Lücke verschwindet? Jedes der Bilder soll eine Größe von 640 × 640 haben 
|
| Sponsored Links |
|
11.09.2023, 18:15
|
|||
|
|||
|
Die Bilder werden hier wie normale Text-Zeichen behandelt und stehen standartmäßig auf der "baseline". Der Abstand kommt also daher, dass der Browser hier noch Platz für theoretisch mögliche Unterlängen (wie beim "j" oder "g") lässt.
Wenn du die Bilder am unteren Ende der Textzeilen ausrichtest, dann lassen sich diese lästigen Abstände vermeiden. Code:
img {
vertical-align: bottom;
}
|
| Sponsored Links |
|
13.09.2023, 14:00
|
|||
|
|||
|
Für deinen konkreten Fall brauchst du auch deine divs um die Bilder nicht. Du kannst dein Markup so aufbauen:
Code:
<div class="parent"> <img> <img><img> </div> Obwohl hier auch zum überlegen ist: Ist das ganze eine Liste von Bildern? Dann gehört natürlich eine Liste ins HTML: <ul> <li> <img> </li> ... </ul> Dann hast du dein Problem wieder. Das nur am Rande, das Problem das Bilder diesen Abstand erzeugen hat man immer wieder. Und hier ist es gut zu wissen, wieso der da ist und wie man ihn entfernen kann.
|
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Unerklärliche Lücke über DIV | Tony-S | CSS | 6 | 12.04.2012 18:38 |
| Lücke zwischen zwei <div>'s und strecken des <div>-Container's | Surras | CSS | 2 | 13.03.2012 19:25 |
| Fußleiste von Div bis zum Seitenende laufen lassen | ChOpSueY! | (X)HTML | 6 | 24.02.2012 17:39 |
| unerklärliche 10 Pixel Lücke im IE | FlavorFlav | CSS | 2 | 14.12.2007 19:57 |
| Bericht: Ursache für eBay-Datenleck war Lücke bei PayPal | kadees | Offtopic | 0 | 14.09.2007 14:43 |
Linear-Darstellung
