一个不常见的开发问题,你遇到过吗?

文章介绍了在开发面向右往左书写国家的国际化业务时,如何利用HTMLdir属性和rtlcss工具来处理页面布局和文本方向。通过设置dir属性为rtl,可以实现内容反转,而rtlcss则自动转换left和right属性,确保适应从右到左的阅读习惯。此解决方案兼容所有主流浏览器。
摘要由CSDN通过智能技术生成

本文同时发布在我的博客http://xuehuayu.cn/article/29abbd1c.html

如果公司有开发国际化的业务,某些国家书写的方向是从右往左的,不同于我国古代的写法,他们只是布局方向从右往左,但是文字还是从左往右写的。

xuehuayu.cn/html dir 属性
要对页面的内容进行反转,但是某些内容又不需要反转,是不是很头疼?

其实,这些头疼的问题是有成熟的解决方案的。

HTML dir 属性
为body元素加上dir=”rtl”,浏览器就跨一自动反转了。

rtlcss
使用rtlcss,他的实现思路就是配置rtl属性使用,将页面上的left相关属性都转为right属性,核心思想就是某些属性的全局转换。

HTML dir 属性
文本方向为从右向左的段落:

文本方向从右到左!

浏览器支持
所有主流浏览器都支持 dir 属性

定义和用法
dir 属性规定元素内容的文本方向。

HTML 4.01 与 HTML5之间的差异
在 HTML5 中, dir 属性可用于任何的 HTML 元素 (它会验证任何HTML元素。但不一定是有用)。

在 HTML 4.01 中, dir 元素不能用于: ,
, , ,


, , , 和

【更多讲解请在文章开头我的博客查看】

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值