IT学习站-137zw.com

作者: 贰十岁装成熟装s
查看: 65|回复: 0

more +资源更新Forums

more +随机图赏Gallery

价值368元 从Docker到K8S实战视频教程 五年工程师主讲 百度云价值368元 从Docker到K8S实战视频教程 五年工程师主讲 百度云
价值299 opencv+tensorflow入门人工智能图像处理 百度云 网盘 下载价值299 opencv+tensorflow入门人工智能图像处理 百度云 网盘 下载
价值199元 Nginx中间件搭建负载均衡安全防护动静分离视频 ...价值199元 Nginx中间件搭建负载均衡安全防护动静分离视频 ...
价值348元 RabbitMQ消息中间件技术精讲2018视频教程 百度云价值348元 RabbitMQ消息中间件技术精讲2018视频教程 百度云
云豹直播平台全套源码无限制完美运营版(安卓+IOS)源码云豹直播平台全套源码无限制完美运营版(安卓+IOS)源码
Spring Security4企业权限管理视频,完整版课程下载Spring Security4企业权限管理视频,完整版课程下载

IT兄弟连 HTML5教程 CSS3属性特效 文字排版

IT兄弟连 HTML5教程 CSS3属性特效 文字排版

[复制链接]
贰十岁装成熟装s | 显示全部楼层 发表于: 2019-11-14 09:20:00
贰十岁装成熟装s 发表于: 2019-11-14 09:20:00 | 显示全部楼层 |阅读模式
查看: 65|回复: 0
IT兄弟连 HTML5教程 CSS3属性特效 文字排版  技术博客 5f16a58a57bc47108e1c532aebeafd05


direction定义文字排列方式,所有浏览器都兼容这个属性,有两个可选值rtl和ltr。文字排版的参数说明如表1所示。
表1  CSS3文字排版参数说明

IT兄弟连 HTML5教程 CSS3属性特效 文字排版  技术博客 b68ed790e7944ee0b491cf274633779c


上表所示,ltr是初始值,表示left-to-right,就是从左往右的意思,具体描述就是内联内容从左往右依次排布。我们平时网页的处理都是这样的,比方说前后两个图片,默认情况下,DOM在前的就显示在左边。
rtl则是另外一个值,right-to-left缩写,就是从右往左的意思,再具体描述下,就是内联内容是从右往左依次排布的,加入应用了这个CSS声明,则前后两个图片,默认情况下,DOM在前的就显示在右侧,而且是在容器的右端。
我们可以通过dirction为段落文字进行排版。本例的段落文字默认是从左向右排版,当鼠标移入该元素时改变排版方向变为从右向左排版,当鼠标移开是恢复从左向右排版。代码如下所示:
IT兄弟连 HTML5教程 CSS3属性特效 文字排版  技术博客 8a03604da8554a21a47b701b10444b10


使用浏览器直接打开这个文件,就可以看到浏览器对这个网页文件解释后的结果,段落文字默认从左向右排版,如图1所示。
IT兄弟连 HTML5教程 CSS3属性特效 文字排版  技术博客 35e231192f9e49639d9c026020e74d31

图1  文字从左向右排版

当鼠标移入到段落元素时,段落文字变为从右向左排版,如图2所示。
IT兄弟连 HTML5教程 CSS3属性特效 文字排版  技术博客 ac8a4acc51d6490184ae057e8f9840ee

图2  文字从右向左排版

来源:http://www.137zw.com
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
137zw.com IT学习站致力于免费提供精品的java技术教程和python技术教程,CCNA书籍/资料/CCNP书籍/资料教程/CCIE书籍/资料/H3C学习/认证/一级建造师考试/微软学习/认证/包括基础教程和高级实战教程,同时也提供分享网站源码下载和互联网相关一系列的技术教程,我们想做的就是让知识分享更有价值!(IT学习站官方唯一域名地址:www.137zw.com 请谨防假冒网站!)本站所有资源全部收集于互联网或网友自行分享,分享目的仅供大家学习与参考,如无意中侵犯您的合法权益,请联系本站管理员进行删除处理!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

浙ICP备19022368号-1|Archiver|手机版|IT学习站-137zw.com

GMT+8, 2020-7-6 00:19 , Processed in 0.200902 second(s), 33 queries .

快速回复 返回顶部 返回列表