我有一个网站,是应该支持所有的语言,包括RTL (希伯来语,阿拉伯语,波斯语等)。该应用程序使用AngularJS、Bootstrap和JavaScript开发。
通过设置dir="auto",我得到正确显示的文本(LTR用于英语,RTL用于阿拉伯语)。我的问题是元素对齐。
假设您需要显示一个列表。当语言是英语时,清单看上去:
- Entry 1; this is with a short tail,
- Entry 2; no tail,
- Entry 3; this is with a tail that is longer than the one of the 1st
看看这个。我希望那个向上/向下的按钮出现在左边的图片下面。所有类型的屏幕(桌面,移动,平板电脑)。我可以把它放在左边,但当屏幕大小改变时,它会改变它的位置。如何解决这个问题?
注意:我的网站将有更多的1000+图片和向上/向下投票按钮,所以我需要一个特定的属性。我不想调整每个图像的大小(左,右,顶)。
html
<h3 style="position:relative;top: 40px;"><center> Welcome to ABC Site, Some text here here </center></h3>
<i