CodePen

Loading ..................

Using font-size: 0 to remove inline-block white-space does not work on Android Browser

Description

On the Android Browser pre-Jellybean, font-size: 0 does not remove the white-space between inline-block elements.

Although the browser on Jellybean does remove the space, unfortunately, a random bug fails to remove all of the space before the last element

Tags

  1. inline-block
  2. android
  3. space
  4. fail

Comments

  1. It seems that it can be (almost) fixed by replacing 0 with very small non-zero value, e.g. 0.001px: http://codepen.io/SelenIT/pen/HIika

  2. I've been able to reproduce this ("yay!") on Android Jelly Bean 4.2.2 as well.@SelenIT 's suggestion did not help, unfortunately; I'm guessing it might work if you have just a tiny bit of space remaining, but if you're inline-blocked elements add up to exactly 100% width - no deal.

Leave a Comment Markdown supported. Double-click names to add to comment.

You must be logged in to comment.
  • 5432 Views
  • 3 Comments
  • 4 Hearts
Loading...
Loading...