The code is as follows: |
Copy code |
<! DOCTYPE html> <Html> <Head> <Meta charset = "UTF-8"/> <Style type = "text/css"> *{ Margin: 0; Padding: 0; } Span { Margin: 0; Padding: 0; Display: inline-block; Width: 50px; Height: 20px; Background: red; } </Style> </Head> <Body> <Span> </span> <Span> </span> <Span> </span> </Body> </Html> |
Solution
Inline labels are represented as blocks without line breaks. They can only be displayed as follows: block in the old method and then float it.
Solution
The font-size: 0, and font-size: 12px are not compatible with the safari browser. li Huan li, an in-line element, has a right margin of 1 pixel under ie6.
Ul. test1 {width: 700px; text-align: center; list-style: none outside none; background: # eee; padding: 0 10px; font-size: 0 ;}
Ul. test1 li {display: inline-block; * display: inline; zoom: 1; background: # f60; padding: 5px; font-size: 12px ;}