首頁 > web前端 > html教學 > 美工不在公司~~界面中UL 变形~~~怎么破!!!_html/css_WEB-ITnose

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

WBOY
發布: 2016-06-24 12:16:59
原創
1252 人瀏覽過

本帖最后由 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 了
  • 來源:php.cn
    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板