如何在 HTML 中显示从右到左的文本？

direction 属性指定了网页块元素内的文本方向。

我们使用 style 属性在 HTML 中设置文本方向。style 属性为块内元素指定一个内联样式。style 属性与 CSS 属性 direction 一起使用，为文本设置方向。

语法

以下是使用 CSS 属性设置文本方向（从右到左）的语法。

<p style = "direction: rtl;">The text…</p>

示例

以下示例程序用于设置 HTML 中 <p> 元素的方向。

<!DOCTYPE html>
<html>
<head>
</head>
<body>
   <p style = "direction: rtl;">
      whiteboards are so often at the core of a collaborative process
   </p>
</body>
</html>

示例

以下示例程序用于设置 HTML 中 <h2> 元素的方向。

<!DOCTYPE html>
<html>
<head>
</head>
<body>
   <h2 style = "direction: rtl;">
      Hallowen season it is...
   </h2>
</body>
</html>

示例

以下示例程序用于设置 HTML 中 <ul> 元素的方向。

<!DOCTYPE html>
<html>
<head>
</head>
<body>
   <ul style = "direction: rtl;">
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
   </ul>
</body>
</html>

更新时间：11-11-2022

2K+ 次浏览

开启您的 职业生涯

通过完成课程获得认证

开始
广告