如何在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>
广告