如何在HTML中设置文本方向?


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

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

语法

以下是使用CSS属性设置文本方向的语法。

以下语法将文本设置为从右到左方向。

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

示例

以下是设置HTML文本方向的示例程序。

<!DOCTYPE html> <html> <head> </head> <body> <p style = "direction: rtl;"> Delhi Land and Finance is one of the largest commercial real estate developer in India. </p> </body> </html>

使用CSS将文本方向设置为从左到右

我们可以使用以下语法将文本方向设置为从右到左。

语法

以下是使用CSS属性设置文本方向的语法。

以下语法将文本设置为从左到右方向。

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

示例

以下是设置HTML文本方向的示例程序。

<!DOCTYPE html> <html> <head> </head> <body> <p style = "direction: ltr;"> Delhi Land and Finance is one of the largest commercial real estate developer in India. </p> </body> </html>

使用CSS将文本方向设置为auto

我们可以使用以下语法将文本方向设置为auto。

语法

以下是使用CSS属性设置文本方向的语法,浏览器根据网页上的内容方向确定文本方向。

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

示例

以下是设置HTML文本方向的示例程序。

<!DOCTYPE html> <html> <head> </head> <body> <p style = "direction: auto;"> Delhi Land and Finance is one of the largest commercial real estate developer in India. </p> </body> </html>

示例

以下是使用内部样式表在HTML中设置文本方向的示例程序。

<!DOCTYPE html> <html> <head> <style> p.id { direction: rtl; } </style> </head> <body> <p class="id"> DLF stands for Delhi Land and FinanceDelhi Land and Finance is one of the largest commercial real estate developer in India. </p> </body> </html>

更新于:2022年11月11日

3K+ 浏览量

启动你的职业生涯

完成课程获得认证

开始学习
广告