定义

<bdi> 标签允许设置一段文本，使其脱离其父元素的文本方向设置。

bdi 指的是 bidi 隔离（Bi-directional Isolation），当在有固定方向性的文本中，嵌入未知方向性的文本时（例如来自数据库的文本），该元素非常有用。

实例

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>鱼C-零基础入门学习Web（Html5+Css3）</title>

</head>

<body>

    <ul>

        <li>用户 <bdi>fishc</bdi>: 60 分</li>

        <li>用户 <bdi>xiaojiayu</bdi>: 100 分</li>

        <li>用户 <bdi>buer</bdi>: 90 分</li>

    </ul>

</body>

</html>

在下面的示例中,显示着每个用户比赛的分数。将用户名从周围的文本方向设置中隔离出来。

视频讲解