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/css/1953.html

发表评论

邮箱地址不会被公开。 必填项已用*标注

蜀ICP备14017386号-13