一、
在平常的应用中很少关注CSS direction的使用，今天偶尔看到相关内容，才发现CSS direction使用起来很多时候很方便。
二、首先我们需要关注两个重要的内容:
- direction:ltr;//这个是默认值direction:rtl
登录后复制
ltr是初始值，表示left-to-right，就是从左往右的意思.rtl则是另外一个值，right-to-left缩写，就是从右往左的意思。
立即学习“前端免费学习笔记（深入）”；
@@##@@@@##@@
登录后复制
如果给p设置direction为trl属性，则1.png就会在右侧，2.png在左侧。
需要注意的是如果是设置rtl属性的时候文字的前后顺序是不变的：
span1 span2
登录后复制
因为改变的只是内联元素块的左右顺序，所有的文字，即使使用内联标签分隔，实际上，还是一个同质内联盒子，是当作一个整体处理的，因此，只有近似右对齐效果，而具体每个文字都没有左右顺序的变化。
那什么是“内联元素块”呢？包括替换元素(replaced element)，如
,
以上就是CSS中关于direction使用的详解的详细内容，更多请关注【创想鸟】其它相关文章！
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
