解决span中间的空隙的多种方法

作者: _孙小胖 | 来源:发表于2018-11-02 15:28 被阅读0次

解决span中间的空隙的多种方法
textview span多种
饿了么总结
img下面空隙解决方法
Javascript判断元素是块级元素还是内联元素
如何培养孩子的社会能力-第五章
mpvue v-for 根据变量改变值（代替filter）
打官司的成本有多高？
Element 合并列
Zipkin Brave源码解读-Tracer（全链路跟踪埋点）

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>span中间有间隙</title>
        <style type="text/css">
            *{
                margin:0;
                padding:0;
            }
          /*第一种*/
            .nav_left{
                width:100%;
                font-size:0;
            }
            span{
                padding:10px 20px;
                font-size:16px;
                background:#ddd;
                border:1px solid red;
                color:#fff;
                text-align:center;
                line-height:3.2rem;
            }
            /*第二种
                      使用时要清除浮动*/
            .two>span{
                float:left;
            }
          /*第三种*/
            .three>span{
                display:inline-block;
            }
        </style>
    </head>
    <body>
        <div class=" nav_left">
            <span class="fashion">时尚商城</span>
            <span class="fashion_phone">手机优购</span>
        </div>
        <div class="two">
            <span class="fashion">时尚商城</span>
            <span class="fashion_phone">手机优购</span>
        </div>
        <div class="three">
            <span class="fashion">时尚商城</span>
            <span class="fashion_phone">手机优购</span>
        </div>
    </body>
</html>