frontend - Preventing line wrapping in CSS layouts -


My CSS designer has created a design where two UL brothers are left from left to right layout ul Specify the width of the tag.

He is using Firefox on Windows where everything looks okay I'm using Firefox on OS X where the content of any of the li tags is too much There is more text, so it flows in the second line design was designed for the purpose that the text is on one line.

There are a few things to consider:

  • I want to get the solution of being compatible with I18n (strings To translate it should not be the reason for breaking into two rows)

If it is defined in pixels, why in OS X different ways than in Windows, why should it appear in the same browser gives?

Is there a normal CSS solution that can prevent lines from wrapping or preventing the page from being seen in relation to line wrapping between OS X and Windows? Or is this the reason to be lost?

setting white space: nowrap on ul S will prevent the text from wrapping, anytime, until any & lt; Br / & gt; is found as much as I understand, lists are already horizontal, but for the completion, you can display li elements display: inline or It can: Inline-block . White-space: Nowop float ad will not work for item item.

Reference:


Comments

Popular posts from this blog

Eclipse CDT variable colors in editor -

AJAX doesn't send POST query -

wpf - Custom Message Box Advice -