我需要支持大约20种语言(有些是从右到左)。数据库都很好,我们已经做好了,但是probem是从右到左的语言的前端。我的开发团队给了我这些选项的组合:
1)从右到左,从左到右创建单独的php视图文件
2)从右到左,从左到右创建单独的CSS样式
但我不开心;我想只使用1个视图和CSS样式集,并能够控制这些。很明显,我需要更改文本方向,还需要更改UI元素方向,以便翻页所有页面内容/对象。怎么能实现这一目标?
我正在阅读两个CSS属性:direction和unicode-bidi。 两个人可以单独实现文本方向和UI翻转的需要,还是我必须使用他们的选项或其他方式?
不要产生差异,但我们正在使用带有hbase和mysql的codeignitor。
答案 0 :(得分:2)
取决于你如何构建页面,我不熟悉阿拉伯语布局,但这里有一些想法:
如果你已经制作了一个合适的html结构,你应该能够只用几个css属性来翻页。为了不必维护重复的css文档,我建议你在body标签中添加一个类,表明它是一个从右到左的设计,当该类存在时,应用新的样式规则来调整页面从右到左的方向布局。
做了一个小例子:http://jsfiddle.net/PVhfR/(使用id为#body而不是示例中的实体元素的div)
答案 1 :(得分:0)
对于结构,您应该使用float: left
和float: right
以及边距对其进行整形;这样做,当您在右到左CSS中反转方向时,整个布局应该翻转。
direction: rtl
来编写区域,就像所有输入元素一样,以翻转书写方向。