HTML中的& nbsp; & ensp; & emsp;等6种空格标记

小灰灰 2021-12-11 11:23 235阅读 0赞

**代码：**

1 <!DOCTYPE html>
     2 <html>
     3     <head>
     4         <meta charset="utf-8">
     5         <title>HTML中的& nbsp; & ensp; & emsp;等6种空格标记</title>
     6         <style type="text/css">
     7             *{
         
     8                 margin: 0 auto;
     9             }
    10             body{
         
    11                 margin: 15vh 0;
    12             }
    13             button{
         
    14                 /* font-family: "仿宋"; */
    15                 display: block;
    16                 height: 18vw;
    17                 width: 70vw;
    18                 border-radius: 50px;
    19                 outline: none;
    20                 font-size: 3rem;
    21                 color: #fff;
    22             }
    23         </style>
    24     </head>
    25     <body>
    26         
    27         <button type="button">提    交</button><br />
    28         
    29         <button type="button">提  交</button><br />
    30         
    31         <button type="button">提 交</button><br />
    32         
    33         <button type="button">提      交</button><br />
    34         
    35         
    37         
    39         
    40     </body>
    41 </html>

**默认效果显示图：**

**![1287641-20190510105826182-1624803904.png][]**

**添加字体后的效果显示图：**

**![1287641-20190510105925616-1113030431.png][]**

转载于:https://www.cnblogs.com/Salicejy/p/css.html

[1287641-20190510105826182-1624803904.png]: /images/20211211/6cee3b73e45341a09df504f407f131cf.png
[1287641-20190510105925616-1113030431.png]: /images/20211211/99b758020cf443c5a515efb217468c04.png