IE6 what to do with span right floating line wrapping:
When writing a news list, the general requirement is the news title on the left and the press release time on the right. The time is usually placed in the <span> tab, and it floats to the right.
The code is as follows:
<!DOCTYPE HTML><HTML><Head><MetaCharSet= "Utf-8"><Metaname= "Author"content= "http://www.51texiao.cn/" /><title>Ant Tribe</title><styletype= "Text/css">Li{List-style-type:None;font-size:12px;Color:Blue;width:300px;Height:30px;Line-height:30px;Border-bottom:1px dashed Blue;}span{Color:Red;width:60px;Height:30px;float: Right;}</style></Head><Body><Div> <ul> <Li><ahref="#">Ant Tribe welcomes You</a><span>2012-12-13</span></Li> <Li><ahref="#">All right, long time no see.</a><span>2012-12-13</span></Li> <Li><ahref="#">Ant Tribe</a><span>2012-12-13</span></Li> </ul></Div></Body></HTML>
The above code is normal in the IE8 or FF browser, but the time in the IE6 browser is changed.
Solution: Float The <a> tags and <span> labels separately, respectively. The code is as follows:
<!DOCTYPE HTML><HTML><Head><MetaCharSet= "Utf-8"><Metaname= "Author"content= "http://www.51texiao.cn/" /><title>Ant Tribe</title><styletype= "Text/css">Li{List-style-type:None;font-size:12px;Color:Blue;width:300px;Height:30px;Line-height:30px;Border-bottom:1px dashed Blue;}a{width:240px;Height:30px;float: Left;}span{Color:Red;width:60px;Height:30px;float: Right;}</style></Head><Body><Div> <ul> <Li><ahref="#">Ant Tribe welcomes You</a><span>2012-12-13</span></Li> <Li><ahref="#">All right, long time no see.</a><span>2012-12-13</span></Li> <Li><ahref="#">Ant Tribe</a><span>2012-12-13</span></Li> </ul></Div></Body></HTML>
Original address: http://www.51texiao.cn/div_cssjiaocheng/2015/0429/419.html
IE6 How to handle span right floating wrap
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
