Vraag Afbeeldingen naast elkaar zonder enige ruimte ertussen


Ik heb een raster van afbeeldingen met ruimte ertussen. Hoe verwijder ik deze ruimte?

Ik heb al geprobeerd het instellen van padding en margin van de afbeeldingen naar 0px maar het heeft niet gewerkt.

Om het even welke ideeën?


16
2018-01-12 14:16


oorsprong


antwoorden:


Zorg ervoor dat u geen spaties in uw html-markup hebt. Dus verander:

<img src="" alt="" /> <img src="" alt="" />

naar

<img src="" alt="" /><img src="" alt="" />

Soms kunnen spaties zich ook aan het einde van nieuwe regels verbergen, dus zorg ervoor dat u het einde van de regels controleert als uw HTML er uitziet

<img src="" alt="" /> 
<img src="" alt="" />

Bewerk

In plaats van te schrijven: <img src="imgs/img8.jpg" style="margin: 0; width: 300; height: 300;" /> 87 keer, plaats dit gewoon in je css-bestand:

div img { margin: 0;
    width: 300px;
    height: 300px;
}

en dan kun je eenvoudig je afbeeldingen maken <img src="imgs/img8.jpg" alt="img8" />


30
2018-01-12 14:20



toevoegen font-size:0px naar de div, dan kunt u doorgaan met het behouden van de img-elementen op afzonderlijke coderegels


18
2018-05-30 14:13



Als je gebruikt float: left op de afbeeldingen en scheid elke rij met een breker met een clear: both dan mogen er geen spaties tussen de afbeeldingen staan.


2
2018-01-12 14:19



De parameters die u op nul moet zetten, zijn opvulling, rand en marge. Op de afbeeldingen zelf en elke container ertussen.


0
2018-01-12 14:32



Probeer twee afbeeldingen op dezelfde regel te plaatsen, zoals:

<img src="imgs/img0.jpg" style="margin: 0; width: 300; height: 300;" /><img src="imgs/img1.jpg" style="margin: 0; width: 300; height: 300;" />

en kijk of dat iets verandert. Ik raad ook aan om het advies over het gebruik van CSS te volgen om alle afbeeldingsstijlen te vereenvoudigen. Omdat je op dit moment elke waarde handmatig handmatig moet wijzigen als je de afbeeldingsgroottes wilt wijzigen.

Helaas heeft HTML soms rare witte ruimte-problemen.


0
2018-01-13 03:50