[wp-trac] [WordPress Trac] #27762: Remove whitespace between menu items
WordPress Trac
noreply at wordpress.org
Thu Sep 17 14:37:03 UTC 2015
#27762: Remove whitespace between menu items
--------------------------------------+------------------------------
Reporter: obenland | Owner: jjeaton
Type: defect (bug) | Status: assigned
Priority: normal | Milestone: Awaiting Review
Component: Menus | Version: 3.0
Severity: minor | Resolution:
Keywords: good-first-bug has-patch | Focuses:
--------------------------------------+------------------------------
Comment (by afercia):
Not suggesting to actually use it, just an update: found a new (well, new
for me!) technique to fight the white-space between inline elements using
Flexbox. Setting this on the container:
{{{
display: flex;
align-items: center;
flex-wrap: wrap;
}}}
Actually, just the first line is necessary and the other two ones are
there to center children vertically and allow them to wrap. Flexbox
actually changes the layout model, so it should be used wisely :) Of
course, it works just on modern browsers.
Source: https://css-tricks.com/fighting-the-space-between-inline-block-
elements/
See examples of all the known techniques (the Flexbox one is the last
one):
http://codepen.io/chriscoyier/pen/hmlqF
--
Ticket URL: <https://core.trac.wordpress.org/ticket/27762#comment:9>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform
More information about the wp-trac
mailing list