📜  哪个标签仅捕获 HTML 中文本周围的空间?

📅  最后修改于: 2022-05-13 01:56:40.564000             🧑  作者: Mango

哪个标签仅捕获 HTML 中文本周围的空间?

在本文中,我们将讨论仅捕获 HTML 中文本周围空间的标签。

方法一:使用为不同空格指定的特殊字符。

  • 字符实体“ ”用于表示不间断空格,即固定空格。这可能被认为是正常空间的两倍。它用于在一行中创建一个不能被自动换行打破的空格。
  • 字符实体“&ensp”用于表示一个“en”空格,表示当前字体的半磅大小。这可能被认为是正常空间的两倍。
  • 字符实体“&emsp”用于表示一个“em”空间,表示等于当前字体的磅值。这可能被认为是正常空间的四倍。

句法:

Regular space:  
Two spaces gap:  
Four spaces gap:  

例子:

HTML


  

    

GeeksforGeeks

    How to insert spaces/tabs in         text using HTML/CSS?                 

This is a   regular space.

    

This is a   two spaces gap.

    

This is a   four spaces gap.

  


HTML



    


    

      GeeksforGeeks     

    How to insert spaces/tabs in        text using HTML/CSS?                 
This is a tab with 2 spaces.
    
    
This is a tab with 4 spaces.
    
    
This is a tab with 8 spaces.
    
  


HTML



    


    

        GeeksforGeeks     

    How to insert spaces/tabs in        text using HTML/CSS?          

This is a       tab space in the document.     

  


输出:

方法 2 :使用 tab-size 属性设置制表字符的间距

tab-size CSS 属性设置每个制表字符将显示的空格数。更改此值允许在一个制表字符上插入所需的空间量。但是,此方法仅适用于预先格式化的文本(使用

 标签)。

注意:可以通过按住 Alt 并同时按 0 和 9 来插入制表字符。

句法:

.tab {
    tab-size: 2;
}

例子:

HTML




    


    

      GeeksforGeeks     

    How to insert spaces/tabs in        text using HTML/CSS?                 
This is a tab with 2 spaces.
    
    
This is a tab with 4 spaces.
    
    
This is a tab with 8 spaces.
    
  

输出:

方法3 :使用CSS创建一个新的间距类

可以创建一个新类,通过使用 margin-left 属性给出一定的间距。空间量可以由此属性中指定的像素数给出。

display 属性也设置为 'inline-block' 以便在元素之后不添加换行符。这允许空间位于文本和其他元素旁边。

句法:

.tab {
   display: inline-block;
   margin-left: 40px;
}

例子:

HTML




    


    

        GeeksforGeeks     

    How to insert spaces/tabs in        text using HTML/CSS?          

This is a       tab space in the document.     

  

输出: