1. According to the HTML401 list is divided into the following mainly
Sequence lists: Created with OL, list items with Li
Unordered list: Created with UL, list item with Li
Custom list: Created with DL, its list element is created using "Item/definition" (DT/DD)
2.IE 6 7 8 ignores Li,dl,dd's end tag, which combines the most recent non-list element (Display:list-item) into the nearest LI,DL,DD element, causing inconsistencies in the browser layout in IE 6 7 8
3. Code Display
1 <!DOCTYPE HTML>2 <HTML>3 <Head>4 <MetaCharSet= "UTF-8">5 <style>6 * {margin:0;padding:0; }7 Li{List-style-type:None; }8 </style>9 </Head>Ten <Body> One <Divstyle= "width:200px;"> A <Li>Li A</Li> - <Listyle= "border:1px solid black;">Li B</Li> - <spanstyle= "Background:gray;">Ccc</span> the <Li>Li C</Li> - </Div> - <BR/> - <Divstyle= "width:200px;"> + <DD>DD A</DD> - <DDstyle= "border:1px solid black;">DD B</DD> + <spanstyle= "Background:gray;">Ccc</span> A <DD>DD C</DD> at </Div> - <BR/> - <Divstyle= "width:200px;"> - <DT>DT A</DT> - <DTstyle= "border:1px solid black;">DT B</DT> - <spanstyle= "Background:gray;">Ccc</span> in <DT>DT C</DT> - </Div> to </Body> + </HTML>View Code
Shown in IE 6 7 8
In IE + + and Firefox,opera,safari display as follows
This article is a test paper
IE 6 7 8 list compatibility issues
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
