如何使用 HTML 从右到左显示文本?


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

我们在 HTML 中使用 style 属性来设置文本方向。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>

更新于:2022 年 11 月 11 日

2,000+ 次观看

开启您的职业生涯

通过完成课程获得认证

开始吧
广告