Html 带有RTL的无序内联列表
奇怪的多语言问题: 我有一个Html 带有RTL的无序内联列表,html,Html,奇怪的多语言问题: 我有一个和项目,这些项目通过显示:内联显示 当我使用body{direction:rtl}style指令时,这些项不会改变顺序。 对于RTL(如阿拉伯语)语言支持,是否有任何技巧可以颠倒项的顺序?如果您添加 ul li { float:right; } 但是,如果涉及到订购列表,您应该使用ol而不是ul如果您添加 ul li { float:right; } 但是,如果涉及到订购列表,您应该使用ol而不是ul更改方向只会将项目移动到屏幕的右侧或左侧
和
项目,这些项目通过显示:内联
显示
当我使用body{direction:rtl}
style指令时,这些项不会改变顺序。对于RTL(如阿拉伯语)语言支持,是否有任何技巧可以颠倒
项的顺序?如果您添加
ul li {
float:right;
}
但是,如果涉及到订购列表,您应该使用ol
而不是ul
如果您添加
ul li {
float:right;
}
但是,如果涉及到订购列表,您应该使用
ol
而不是ul
更改方向只会将项目移动到屏幕的右侧或左侧。它不会改变ul
内项目的顺序。
要更改顺序,您可以这样使用:
ul = $('#my-ul'); // your parent ul element
ul.children().each(function(i,li){ul.prepend(li)})
更改方向只会移动屏幕右侧或左侧的项目。它不会改变
ul
内项目的顺序。
要更改顺序,您可以这样使用:
ul = $('#my-ul'); // your parent ul element
ul.children().each(function(i,li){ul.prepend(li)})
添加规则
ul { unicode-bidi: bidi-override; }
警告:根据浏览器的不同,这也可能导致从右到左显示类似“1234”的字符串。您可能需要设置unicode bidi:bidi覆盖;方向:此类元件上的rtl
根据规范,direction
属性“指定块的基本写入方向以及嵌入和重写的方向(请参见“unicode bidi”)用于Unicode双向算法。此外,它指定了诸如表列布局方向、水平溢出方向、在“文本对齐:对齐”情况下块中不完整最后一行的位置等内容。但内联框顺序不受影响。后来,它又补充说:
“要使'direction'属性影响内联元素中的重新排序,'unicode bidi'属性的值必须为'embed'或'override'。”
这有点含糊不清,但上面的代码在现代浏览器上工作(在处理方向性方面表现出许多差异)。添加规则
ul { unicode-bidi: bidi-override; }
警告:根据浏览器的不同,这也可能导致从右到左显示类似“1234”的字符串。您可能需要设置unicode bidi:bidi覆盖;方向:此类元件上的rtl
根据规范,direction
属性“指定块的基本写入方向以及嵌入和重写的方向(请参见“unicode bidi”)用于Unicode双向算法。此外,它指定了诸如表列布局方向、水平溢出方向、在“文本对齐:对齐”情况下块中不完整最后一行的位置等内容。但内联框顺序不受影响。后来,它又补充说:
“要使'direction'属性影响内联元素中的重新排序,'unicode bidi'属性的值必须为'embed'或'override'。”
这有点含糊不清,但上面的代码在现代浏览器上工作(否则在处理方向性方面会有很多差异)。这只会改变位置,而不会改变方向。他想让“一些文字”变成“txet emos”,它会从右到左排序,我想这正是他想要的?!无论如何,对我来说,它只适用于rtl…这只会改变定位,而不会改变directione.g。他想让“一些文字”变成“txet emos”,它会从右到左排序,我想这正是他想要的?!无论如何,对我来说,它只适用于rtl…您是否尝试将
dir=“rtl”
添加到您的身体标签?您是否尝试将dir=“rtl”
添加到您的身体标签?