In html documents, ul> li lists are often used to display news lists, as shown below:
<Style type = "text/css"> * {margin: 0; padding: 0;} a {text-decoration: none; color: # fff ;} li {list-style: none; background: green; margin-bottom: 20px; line-height: 40px ;} </style> <body> <ul> <li> <a href = ""> Article Title </a> </li> <a href = ""> article Title </a> </li> <a href = ""> Article Title </a> </li> <a href = ""> article Title </a> </li> </ul> </body>
As shown in the preceding code, the height of li is equal to the value of line-height. When Element a has a style {font-size: xxpx}, the height of li is 1-2 pixels higher than the value of line-height (which is not changed in ie6). When the list is short, but when
A long list has a significant impact.
Solution: add the style {display: block;} to li ;}
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
