Wordwrap problem of mozillas inline-box

As Firefox and its friends don’t support the normal “display: inline-block” feature of css, it got its own syntax which is called “display: -moz-inline-box”. In most cases you can use it without seeing a difference to the standard CSS-syntax.
One of the bugs is that your element won’t have an automatic break at the end of the line but behaves somehow like “white-space: nowrap”.
The other bug which I will kill by now appears when your inline-block Element doesn’t have a content.
For example when the background is set with CSS and you don’t want anything else to be displayed. Or if you are using Javascript to fill the element.
Anyway Firefox would ignore the line-height and put your element in the next line.
Perhaps you didn’t see this HTML-Enitie for a while as we all use CSS and UTF-8, but a simple   (a white-space) will work, though.

  1. Alex says:

    Your blog is interesting!

    Keep up the good work!

Leave a Reply
  1. (required)
  2. (will not be published) (required)