标签属性 dir

旧城等待， 2023-02-14 03:00 2阅读 0赞

### ** dir** ###

属性时可以改变文档流的水平流动方向，设计初衷是用在多语言处理中。

如：

英文和中文的阅读是从左忘右，阿拉伯语则是从右往左。

### **3个属性值：** ###

**ltr - 文档从左往右排列**

**rtl - 文档从右往左排列**

**auto - 浏览器自己决定排列方式**

<style>
        .wra{
            width: 400px;
            border: 1px solid #cc511c;
        }
        .box{
            display: inline-block;
            max-width: 50%;
            height: 30px;
            background: coral;
            padding: 10px;
            margin: 5px;
            color: #fafffb;
        }
    </style>
    <div class="wra">
        <div class="box">我是一个div</div>
    </div>
    <div dir="rtl" class="wra">
        <div class="box">我是一个div</div>
    </div>

### 应用： ###

实际开中，可以利用其改变文档流进行布局，像是微信聊天界面，自己的消息永远在右边，别人消息在左边：

在标签上加上 **dir="rtl"**

<style>
        .wra{
            width: 400px;
            border: 1px solid #cc511c;
        }
        .box{
            display: inline-block;
            max-width: 50%;
            height: 30px;
            background: coral;
            padding: 10px;
            margin: 5px;
            color: #fafffb;
        }
    </style>
    <div class="wra">
        <div class="box">别人的消息</div>
    </div>
    <div dir="rtl" class="wra">
        <div class="box">自己的消息</div>
    </div>

![20200531214341550.png][]

[20200531214341550.png]: https://img-blog.csdnimg.cn/20200531214341550.png

发表评论取消回复

表情：

评论列表（有 0 条评论，2人围观）

还没有评论，来说两句吧...

相关阅读

相关 Python中的常见特殊方法或属性—— dir方法和dict属性

一、\_\_dir\_\_方法对象的\_\_dir\_\_()方法的作用是列出对象内部所有的属性名和方法名，该方法将会返回包含所有属性或方法名的序列。如果程序对某

￡神魔★判官ぃ/ 2023年06月02日 12:54/ 0 赞/ 172 阅读

相关标签属性 dir

dir 属性时可以改变文档流的水平流动方向，设计初衷是用在多语言处理中。如：英文和中文的阅读是从左忘右，阿拉伯语则是从右往左。 3个属性值： ltr -

旧城等待，/ 2023年02月14日 03:00/ 0 赞/ 3 阅读

相关谨用java.ext.dirs系统属性!

众所周知，java中系统属性java.ext.dirs指定的目录由ExtClassLoader加载器加载，如果您的程序没有指定该系统属性（-Djava.ext.dirs=sss

雨点打透心脏的1/2处/ 2022年09月30日 13:46/ 0 赞/ 246 阅读

相关 HTML基础标签body、br、dir属性、h1~h6、hr

boby 定义 <body> 标签定义文档的主体。 body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等）。 <!DOCTY

逃离我推掉我的手/ 2022年09月11日 05:18/ 0 赞/ 202 阅读

相关标签及属性

换行标记：<p>和<br> <h1>~<h6>：数字越小字体越大 <b>...</b>：黑体 <i>...</i>：斜体 <u>...<

淡淡的烟草味﹌/ 2022年06月12日 11:14/ 0 赞/ 282 阅读

相关 System.getProperty获取系统属性user.dir

今天遇到了一个问题，使用System.getProperty()方法获取项目的路径，在公司的项目中获取到的是项目的根路径，但是在自己做练习的时候获取到的却是eclipse的安装

青旅半醒/ 2022年05月22日 12:44/ 0 赞/ 256 阅读

相关 script标签属性

![70][] [70]: /images/20220521/f3cdfb5b7ca9421595f60fe5cc125f1b.png

╰半橙微兮°/ 2022年05月20日 22:34/ 0 赞/ 314 阅读

相关 a标签 rel属性

a标签常用rel属性 rel=’external’ > 此属性的意思是告诉搜索引擎，这个链接不是本站链接，其实作用相当于target=‘\_blank’。 >

青旅半醒/ 2022年04月08日 10:21/ 0 赞/ 264 阅读

相关 html 标签全局属性

accesskey:规定激活元素的快捷键。 <a href="http://www.w3school.com.cn/css/" accesskey="c">C

你的名字/ 2021年07月24日 15:10/ 0 赞/ 515 阅读

相关 HTML dir 属性

参数解析: （1）.ltr:默认，从左向右的文本方向。（2）.rtl:从右向左的文本方向。

小灰灰/ 2020年05月16日 18:40/ 0 赞/ 722 阅读