<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          HTML li 標簽之間空白間隔的解決辦法

          2019-9-20    seo達人

          問題描述:

          做抽屜式菜單時候,在 ie 7 下發現 li 元素之間會留白,如下圖:







          原以為是樣式的問題,后來看到有博文寫到“行框的排列會受到中間空白(回車\空格)等的影響,因為空格也屬于字符,這些空白也會被應用樣式,占據空間,所以會有間隔”。







          解決辦法:

          li 標簽之間的空白,可以通過設置 li 標簽的 font-size 為 0,可以解決:



          li{

              padding:0;

              margin:0;

              height: 30px;

              line-height: 30px;

              font-size: 0;          / 設置 font-size 為 0 即可 /

          }

          修改后的效果如圖:



          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計  ipad界面設計 、 包裝設計  圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合