Question

这是我的代码：

    p {
    
      text-auto space: ???
    }

     <p style="  text-auto space: ???">     
      $student['first name']
     
     <p/>

让html页面自动插入空格我想知道html中自动空间的用法

Answer 1

我认为你的意思是text-autospace。它用于指定不同语言字符之间的间距，假设您在同一段中用英文和中文书写。同样重要的是要注意并非所有浏览器都支持这一点，据我所知，只有Internet Explorer支持使用text-autospace

以下是您可以为text-autospace添加的值：

ideograph-alpha：在表意文字和非表意文字（拉丁文，西里尔文，希腊文，阿拉伯文或希伯来文）文本之间插入额外的空格。

ideograph-numeric：在表意文字和数字字符之间插入额外的空格。

表意文字 - 括号：在正常（非宽）括号和表意文字之间插入额外的空格。

ideograph-space：当空格字符与表意文字相邻时，会扩展空格字符的宽度。

无：没有添加额外空间。

以下是帮助说明其用途的示例代码

    <head>
    <style>
        .spaceNone {
            text-autospace: none;
        }
        .spaceIdeoNum {
            text-autospace: ideograph-numeric;
        }
        .spaceIdeoAlpha {
            text-autospace: ideograph-alpha;
        }
        .spaceIdeoSpace {
            text-autospace: ideograph-space;
        }
        .spaceIdeoParen {
            text-autospace: ideograph-parenthesis;
        }

    </style>
</head>
<body>
    <div>Autospace none: </div>
    <p class="spaceNone">1一 2二 3三 4四 5五 6六 7七 8八 9九 10十</p>
    <br />
    <div>Autospace ideograph-numeric: </div>
    <p class="spaceIdeoNum">1一 2二 3三 4四 5五 6六 7七 8八 9九 10十</p>
</body>

[note] 除非您在Internet Explorer上加载效果，否则可能无法看到效果。希望这有帮助！

如何在html中使用text-autospace声明

1 个答案: