大家有兴趣可以先理解一下Unicode双向算法,链接:https://www.jianshu.com/p/f6c4c00ad923,我自己是看的云里雾里的,下面仅以个人理解写下对unicode-bidi的几个属性值的看法,若有不同意见,欢迎评论指出讨论。

下面分别是菜鸟上的direction属性值unicode-bidi属性值的描述

代码样式如下所示:

下面依据代码样式说明:

首先,我们要了解一个场景,有的语言是从左边开始写的left-to-right,但是有的语言是从右边开始写的right-to-left

dierction属性就实现了这个功能。direction: ltr;默认,文件内容显示从左到右

direction: rtl;文件内容显示从右到左

然后,我们发现光是dierction属性设置文件内容从右到左时,只是位置过去了,文字具体的内容还是从左到右的,我们想让文字也变成从右到左的话,怎么办呢?unicode-bidi来了

unicode-bidi: bidi-override;将文件具体内容也跟direction设置的属性值一样

这样,我们看到文字具体内容也是从右到左了,但是,这样,依旧存在一个问题,我们发现中文这样颠倒过来,是没问题的,但是英文单词这样颠倒过来,就不是原来的单词,所以我不想让英文单词颠倒过来,这个时候需要用到

unicode-bidi:embed;

完美

至于unicode-bidi属性的normal和embed有什么不同?

单独使用,就最终显示的样式来说,并没有什么不同。但embed创建了一个附加的嵌入层面。如果在unicode-bidi: bidi-override属性值里面,normal是不起作用的,因为 bidi-override​​​​​​​也是创建了一个附加的嵌入层面的。

normal和embed有什么不同? 浅显理解unicode-bidi属性,和direction属性。相关推荐

  1. MVC简单学习以及浅显理解

    以下仅为个人简单浅显理解: MVC来处理Web问题: 路由定位:(如何快速精确地定位请求,分层管理请求?) 此处使用视图Controller的思想来达到分离不同层下的请求,对于同一层下的请求放入一个控 ...

  2. hive和hadoop的浅显理解

    hadoop是一个分布式存储系统,他可以将我们的日志.数据等存储到不同的节点上(当数据十分大的时候),有时候一份数据会被存储到不同机器的不同磁盘上面. 那么问题来了: 我们想取出这么一整份数据并做对应 ...

  3. 对@RequestMapping的简单理解(浅显理解)

    在SSM整合使用中对@RequestMapping的浅显理解 ================================================== 了解什么是@RequestMappi ...

  4. 深度学习:模型的泛化能力浅显理解

    深度学习:模型的泛化能力浅显理解 通俗易懂的浅显理解 通俗易懂的浅显理解 模型的泛化能力通俗易懂的说就是模型在测试集(其中的数据模型以前没有见过)中的表现,也就是模型举一反三的能力,但是这些数据必须满 ...

  5. 指针、引用、const、类的浅显理解

    指针.引用.const.类的浅显理解 一.引用 1.1 理解与实验 和const 1.1.1 实验一 1.1.1 实验二 二.指针 三.指针和引用的区别 四.const(const和pointer) ...

  6. 编码(2)从字节理解Unicode(UTF8/UTF16)

    https://www.cnblogs.com/zizifn/p/4716712.html 从字节理解Unicode(UTF8/UTF16) 如果你不知道或者不了解什么是Unicode/UTF8/UT ...

  7. 如何理解Java的类变量、成员变量、常量、类属性、实例属性、字段(field)、成员方法、类方法

    文章目录 变量相关概念 变量/常量 类变量/静态变量 成员变量/实例变量 类属性/实例属性/对象属性 什么是 field 成员变量和类变量的区别 两个变量的生命周期不同 访问方式不同 数据存储位置不同 ...

  8. 从C# String类理解Unicode(UTF8/UTF16)

    上一篇博客:从字节理解Unicode(UTF8/UTF16).这次我将从C# code 中再一次阐述上篇博客的内容. C# 代码看UTF8 代码如下: string test = "UTF- ...

  9. 【拼爹坑爹不比爹】深入理解css中position属性及z-index属性

    总结:拼爹坑爹不比爹 1,定位移动:距左上角left+top;(移动后对于移动前:如果值为负数,则直接换成整数:如果值为整数,则直接改变相对方向.) 2,单一父元素不设值,子z-index才奏效:&q ...

最新文章

  1. 从Google Scholar看各大科技公司的科研水平
  2. 影像组学视频学习笔记(18)-使用MRIcroGL软件格式转换、勾画ROI、Li‘s have a solution and plan.
  3. python【蓝桥杯vip练习题库】ALGO-70最长字符串
  4. PMCAFF问答龙虎榜,大神云集,等你挑战
  5. Maven 配置文件 POM 的常用插件配置代码
  6. Linux物理内存初始化
  7. php 创建自定义文件夹,Laravel 自定命令以及生成文件的例子
  8. Ubunt sudo免密码输入
  9. 阿里云云计算 22 VPC连接
  10. 你还因为缺“Java项目经验”找不到工作?适合应届生的20个“项目经验”送给你
  11. 【GNSS发展历史】
  12. 结对作业-基于GUI的四则运算
  13. 「技术人生」第7篇:从业务视角谈信息技术与业务的关系
  14. 大专适合学习php么_学习php有没有学历要求
  15. css实现小气泡样式和模拟京东快递单号放大效果
  16. 埃里克贝里奇_未来公司客服的标配?苹果Watch智能手表开启新时代
  17. linux系统怎么调节分辨率,直观:Linux下的高分辨率屏幕设置
  18. java如何设置网页全屏_java中如何进行全屏方式和窗口方式的转换 详细??
  19. 【陈工笔记】# 微信小程序实现的基础步骤速记,持续更新关键词 #
  20. 学习英特尔线程构建模块开源2.1库

热门文章

  1. Vue简单快速上手 idea版
  2. 不知道如何分析选择基金、股票?Python来教你
  3. html onload不起作用,body标签onLoad执行无效,为何?
  4. 人人 突破 权限 相册 查看
  5. Hacked Exam 14pts 2021Google codejam round1A
  6. Consider defining a bean of type问题
  7. RxJava学习资源
  8. Matplotlib绘制折线图、散点图、柱状图、直方图、饼图代码
  9. 联想340c笔记本cpu能升级吗_笔记本电脑可以升级CPU吗
  10. 分数阶 计算机应用,分数阶计算器