如何解決兩個span標簽之間的縫隙

本文轉載自查看原文 2019-12-21 15:25 271 前端

1、span直接一行

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style type="text/css">
            span{
                background-color: red;
            }
        </style>
    </head>
    <body>
            <span>1</span><span>2</span>
    </body>
</html>

2、float浮動

<style type="text/css">
            span{
                background-color: red;
                float: left;
            }
        </style>
    </head>
    <body>
            <span>1</span>
            <span>2</span>
    </body>

3、父級元素添加font-size:0;子集元素font-size:自己根據效果添加數值

<style type="text/css">
            .div{
                font-size: 0px;
            }
            span{
                font-size: 12px;
            }
        </style>
    </head>
    <body>
        <div class="div">
            <span>1</span>
            <span>2</span>
        </div>
    </body>

4、由於內層border和外層border引起的空隙

border-right:根據效果自己調整數值

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 如何解決兩個li之間的縫隙兩個input標簽之間間隙問題的解決移動端網頁切圖為何有縫隙，該如何解決 css 兩個span標簽在同一行，高度不一樣解決兩個相鄰的span，或者input和button中間有間隙，在css中還看不到 span標簽寬度無效解決方案代碼管理_Git中獲取兩個標簽之間的變更代碼行數兩個對象之間的合並關於：無法定義這兩個對象之間的關系，因為它們附加到不同的 ObjectContext 對象。個人解決方案兩個按鈕button之間的間隔設為0