CSS中的dir屬性和bdo屬性

        今天又學習了一點,這次是dir屬性和bdo屬性,dir屬性是通用屬性,可以定義展示方向,有兩個元素,分別是ltr,也就是左到右,l為left,t為to,r為right,ltr=left to right,這個是默認的屬性,也就是如果什麼都沒設置,就會默認這樣顯示,我們平時看到的就是這樣展示的,既然有從左到右,那麼就有從右到左,也就是rtl,具體這個參數怎麼用呢,看下面的演示。

        這個是通用屬性,隨便哪兒都能放,這次我們放到p標籤裡面去,默認的就不演示了,演示下從有到左如下

<p dir="rtl">我是演示的內容</p>

顯示的結果呢,是“我是演示的內容”跑到最右邊去了。

        然後還可以配合上bdo屬性一起使用,效果又會不一樣了,先看下怎麼用

<bdo dir="rtl">我還是演示的內容</bdo>

這一個顯示的結果呢,不會到內容跑到右邊去了,而是會把文字反過來演示,也就是輸出結果為“容內的示演是還我”,感覺真的很神奇呢。

        今天就學習了這麼多,歡迎大家一起學習交流。

發布者:彬彬筆記,轉載請註明出處:https://www.binbinbiji.com/zh-hant/css/1953.html

(0)
彬彬筆記彬彬筆記
上一篇 2020年3月19日
下一篇 2020年3月19日

相關推薦

發表回復

登錄後才能評論
蜀ICP備14017386號-13