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
Post a Comment