Mecv中遇见的ie兼容问题

来源:互联网 发布:编程软件图标 编辑:程序博客网 时间:2024/05/22 04:42

1、ul li ie8中不是左对齐:

案例:

<div class="assess">
    <ul>
      <li class="total">
        <div>总体评价:</div>
        <div>
          <img id="totalPJ" src=""/>
          <span id="totalPJSpan"></span>
          </div>
      </li>
      <li class="xing"><div>服务品质:</div><span><img src="${context}/static/images/xin.png"/></span><span><img src="${context}/static/images/xin.png"/></span><span><img src="${context}/static/images/xin.png"/></span><span><img src="${context}/static/images/xin.png"/></span><span><img src="${context}/static/images/xin.png"/></span></li>
      <li class="xing"><div>配送速度:</div><span><img src="${context}/static/images/xin.png"/></span><span><img src="${context}/static/images/xin.png"/></span><span><img src="${context}/static/images/xin.png"/></span><span><img src="${context}/static/images/xin.png"/></span><span><img src="${context}/static/images/xin.png"/></span></li>
      <li class="xing"><div>车辆外观:</div><span><img src="${context}/static/images/xin.png"/></span><span><img src="${context}/static/images/xin.png"/></span><span><img src="${context}/static/images/xin.png"/></span><span><img src="${context}/static/images/xin.png"/></span><span><img src="${context}/static/images/xin.png"/></span></li>
      <li class="xing"><div>详细评价:</div><div id="txtEvaluate"></div></li>
    </ul>
  </div>


解决方案:<style type="text/css">
.xing{ margin:0 auto; margin-top:10px; margin-bottom:10px;}
.xing ul{list-style:none;padding:0px; margin:0 auto;}
.xing ul li { line-height:40px;margin:0; padding:0; list-style:none; }
</style>

0 0
原创粉丝点击