简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
css - bootstrap 分页的一个问题
怪我咯
怪我咯 2017-04-17 13:03:54
0
3
412

先打开bootstrap中文
http://v3.bootcss.com/components/#pagination
看如下动画图，a标签有个样式：float:left;把该属性去掉，则页码按钮就有了间隔，这是为什么？

怪我咯
怪我咯

走同样的路，发现不同的人生

Antworte allen (3)
PHPzhong
PHPzhong2017-04-17 13:05:54 3 Etage

因为HTML代码里面的换行也会显示出一个小空格，下面这种写在一行的就不用加float

  • 1
  • 2
  • 3
    • Wie+0
    Antwort hinzufügen
      Ty80
      Ty802017-04-17 13:05:54 2 Etage

      楼上正解，因为你换行符占位了。inline，inline-block元素都有这个问题。你用float: left后，其实已经把它变成了block元素。解决方法很多。你可以看看张旭鑫大神的老文章 http://www.zhangxinxu.com/wordpress/2012/04/inline-block-space-remove-%E5%8E%BB%E9%99%A4%E9%97%B4%E8%B7%9D/

      Wie+0
      Antwort hinzufügen
        大家讲道理
        大家讲道理2017-04-17 13:05:54 1 Etage

        标签之间有空格或者换行符导致行内元素之间产生间距

        Wie+0
        Antwort hinzufügen
          Beliebte Themen
          Mehr>
          Populäre Artikel
          Beliebte Tutorials
          Mehr>
          Verwandte Tutorials
          Beliebte Empfehlungen
          Aktuelle Kurse
          Neueste Downloads
          Mehr>
          Web-Effekte
          Quellcode der Website
          Website-Materialien
          Frontend-Vorlage
          Über uns Haftungsausschluss Sitemap
          Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！