如何制表符空格而不是多个不间断空格 (nbsp)？

在 CSS 属性中， padding和margin可用于制表符空间而不是不间断空格 (nbsp)。

通过使用填充属性：

通过使用 padding 属性，我们可以在元素的任何方向（即，顶部、右侧、底部、左侧）从元素的边框提供任意数量的空间。这里我们只处理空格，所以我们只需要两个填充属性，即 padding-left 和 padding-right。

句法 ：

padding-left : value;
or
padding-right : value;

参数：不需要参数。

例子 ：

  



    
        div {
            width: 300px;
            height: 100px;
            background-color: red;
        }
          
        P {
            width: 100px;
            height: 100px;
            background-color: green;
            text-align: center;
            font-weight: bold;
        }
    
    
        $(document).ready(function() {
            $("button").click(function() {
                $("#demo").css("padding-left", "30px");
            });
        });
    

  

  
    
  
         Block 1 
  
        Submit
    
  

  

输出 ：
单击之前。

点击后。

通过使用边距属性：

通过使用 margin 属性，我们可以在元素的任何方向（即，顶部、右侧、底部、左侧）从元素的边框提供任意数量的空间。这里我们只处理空格，所以我们只需要两个 margin 属性，即 margin-left 和 margin-right。

句法 ：

margin-left : value;
or
margin-right : value;

参数：不需要参数。

例子 ：

  



    
        div {
            width: 300px;
            height: 100px;
            background-color: red;
        }
          
        P {
            width: 100px;
            height: 100px;
            background-color: green;
            text-align: center;
            font-weight: bold;
        }
    
    
        $(document).ready(function() {
            $("button").click(function() {
                $("#demo").css("margin-left", "60px");
            });
        });
    

  

  
    
  
         Block 1 
  
        Submit
    
  

  

输出 ：
单击之前。

点击后。