Geek asks and answers

Remove the border between lines of overflowing inline elements

I create a tile based game and use block rendering to update a large list of fragments. I am trying to do this in the easiest way, so I tried to work with default HTML layouts. Right now I am creating “inline blocks” by omitting spaces between elements to avoid horizontal spaces between them, but when the blocks overflow and create a new line there is some vertical marginality in which I do not know how to remove.

An example to make this clearer: http://jsfiddle.net/mLa93/13/

(Basically, I just need to remove the gap between the lines of the block, while preserving the simple markup.)

+3
source share
3

, :

http://jsfiddle.net/mLa93/20/

  • line-height: 0 #container.
  • , display: inline-block IE7.
0

display: block set float: left. : http://jsfiddle.net/q5eSG/

0

display: inline-block div.

#container, overflow: hidden;

: http://jsfiddle.net/Ymz3m/

0

More articles:


All Articles