[img] display: block
See original GitHub issueHey,
how about adding this, to avoid the unwanted, very weird space below images. Or is this issue already covered with something else?
img{
display: block; /* avoids space at bottom */
}
Issue Analytics
- State:
- Created 7 years ago
- Comments:9 (3 by maintainers)
Top Results From Across the Web
CSS Layout - The display Property - W3Schools
The display property is the most important CSS property for controlling layout. ... The default display value for most elements is block or...
Read more >Downside of "display: block" for images? - css - Stack Overflow
I think I may start adding img { display: block; } to all my stylesheets. Typically I would do it on an image-to-image...
Read more >Make an Image Responsive - why is display block necessary?
Often however it is a good idea to set images to display: block; so that you have maximum control over the styling (e.g....
Read more >display - CSS: Cascading Style Sheets - MDN Web Docs
The display CSS property sets whether an element is treated as a block or inline element and the layout used for its children, ......
Read more >img and display:block (Example) | Treehouse Community
img and display:block. when i set display to block to img class profile-photo my image disappears from page. why is that??
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Looks like a good candidate.
vertical-align: text-bottom
might be the closest match to the defaultbaseline
property without rendering the space underneath. https://developer.mozilla.org/en/docs/Web/CSS/vertical-align