Question

您好我正在尝试将LI项目对齐到左侧。

这是我的代码。我尝试了几种解决方案，但似乎没有任何效果。

CSS：

ul {
    list-style:none;padding:0
}

HTML：

    <table  border="0" cellspacing="0" cellpadding="0">   
     <tr>
      <td>
       <ul>
        <li>test</li>
        <li>test</li>
      </ul>     
      </td>  
    </tr>   
   </table>

Chrome thery正确对齐左侧。何我可以在IE 8中使它成为alligne吗？

由于

Answer 1

<强> CSS：

ul{margin:0;padding:0;list-style:none}

这很有效。感谢

Answer 2

使用reset css code：

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

将li对齐左侧IE8

2 个答案: