Home  >  Article  >  Web Front-end  >  美工不在公司~~界面中UL 变形~~~怎么破!!!_html/css_WEB-ITnose

美工不在公司~~界面中UL 变形~~~怎么破!!!_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:16:591176browse

本帖最后由 jinhai0411 于 2012-11-23 14:50:44 编辑

html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0;   padding: 0;   font-size:12px;		  font-family: Arial, Helvetica, sans-serif; }.Box{ width:990px; margin:auto}.nav2{ border-bottom:1px solid #fff; margin-bottom:10px}.nav2 ul{ margin:20px 0 10px 0}.nav2 li{ float:left; border-right:1px solid #a0a0a0; width:130px; padding-left:30px; display:block; margin-bottom:10px}A {	COLOR: #000; TEXT-DECORATION: none}A:link {	COLOR: #000; TEXT-DECORATION: none}A:hover {	COLOR: #000; TEXT-DECORATION: underline}A:focus {	OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium}


<div class="Box">  <div class="nav2">        <ul>          <li><a href="#" class="title">供应商质量管理</a></li>          <li><a href="#" class="title">(工业园区)建设</a></li>           <li><a href="#" class="title">PQCQ成本控制</a></li>           <li><a href="#" class="title">经济运行部网站</a></li>           <li><a href="#">市场信息发布栏</a></li>        <li><a href="#">二级网站链接</a></li>        <li><a href="#">二级网站绿色</a></li>        <li><a href="#">行政管理</a></li>        <li><a href="#">市场动态与分析</a></li>        <li><a href="#">领导评价与指示</a></li>        <li><a href="#">工作表式下载</a></li>      </ul>    </div></div>


IE6 因为 
 第2个li中的 () 第3个li中PQCQ 
这2个东西 变形  怎么破????
IE6下变形  因为 () 字母PQCQ 变形
IE6 去去掉() PQCQ 正常
IE8 正常

回复讨论(解决方案)



http://www.ie6countdown.com/

给li元素设置个高度看看 具体设多高根据你的表现来定

别管IE6了,

样式 title 的影响,有没有border什么的,发出来看一下!

  • 里面设置样式
     line-height:14px; height:14px;
    OK 了
  • Statement:
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn