标签: right-to-left

rtl中的HTML列表内容方向

我有一个简单的HTML无序列表

<ul>
    <li><a href="#">link1</a> <a href="#">link2</a> text1</li>
    <li>text1 <a href="#">link</a></li>
    <li>text1 text2</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

如果我有normaln ltr布局,最终内容看起来像这样

link1 link2 text1
text1 link
text1 text2

但是,如果列表项中的内容是混合的,并且方向设置为rtl,则会出现问题

link2 text1 link1
text1 link
text2 text1

这意味着只有包含文本的列表元素才能正确反转.有关如何使其正常工作的任何想法?

编辑:内容流似乎取决于实际内容.像这样的简单例子不起作用

<ul dir="rtl">
  <li>
    <a href="#">12:30 - 13:30</a>
    some text
    <a href="#">link text</a>
  </li>
</ul>
<ul dir="ltr">
  <li>
    <a href="#">12:30 - 13:30</a>
    some text
    <a href="#">link text</a>
  </li>
</ul>
Run Code Online (Sandbox Code Playgroud)

html right-to-left

6
推荐指数
2
解决办法
2万
查看次数

ASP.Net文本框从右到左

在ASP.Net中,光标在左侧,我想把它放在右侧.

在窗体中,属性中有从右到左.

但ASP.Net中没有

怎么实现呢?

asp.net textbox right-to-left

6
推荐指数
1
解决办法
9865
查看次数

当方向是rtl时jQuery.scrollLeft() - 不同浏览器中的不同值

当body方向为rtl时,div的scrollLeft属性似乎在不同的浏览器中返回不同的值.

这里可以看到一个例子 - http://jsfiddle.net/auVLZ/2/

body { direction: rtl; }
div.Container { border: 5px solid #F00; width: 500px; height: 400px; overflow: auto; }    
div.Content { background-color: #00F; width: 900px; height: 380px; }?

<div id="divContainer" class="Container">
    <div class="Content"></div>
</div>
<br />
<input id="showScrollLeft" type="button" value="Show ScrollLeft" />?

$(document).ready(function()
{
    $("#showScrollLeft").click(function(e)
    {
        alert($("div.Container").scrollLeft());
    });
});?
Run Code Online (Sandbox Code Playgroud)

Chrome - 初始值为400,向左移动滚动条时为0.

IE8 - 0和400.

Firefox - 0和-400.

造成这种差异的原因是什么?如何处理?

编辑:请注意,这也发生在"常规"scrollLeft上 - document.getElementById("divContainer").scrollLeft返回相同的结果.

javascript jquery cross-browser right-to-left

6
推荐指数
1
解决办法
2118
查看次数

我可以从文化代码中获取文本方向吗?

如果我有国家/语言组合的文化代码,是否可以从中找到文本方向.

例如,对于en-US,我如何从中得到文本方向从左到右?从ar-EG开始,我怎么知道文本方向是从右到左?

c# culture cultureinfo hebrew right-to-left

6
推荐指数
1
解决办法
1028
查看次数

NSAttributedString写作方向

我试图改变NSAttributedString中的写入方向.但是,我很难搞清楚如何去做.

CTFontRef fontRef = CTFontCreateWithName((CFStringRef)@"ArialRoundedMTBold", 16, NULL);

NSDictionary *attrDictionary = [NSDictionary dictionaryWithObjectsAndKeys:(__bridge id)fontRef,(NSString *)kCTFontAttributeName, nil];
CFRelease(fontRef);

NSAttributedString *attString=[[NSAttributedString alloc] initWithString:self.stringMap attributes:attrDictionary];

self.attString = attString;
Run Code Online (Sandbox Code Playgroud)

这是我初始化我的NSAttributedString的代码,我已经阅读了关于常量kCTWritingDirectionRightToLeft的内容,我觉得我必须把它放在某处,但我可以弄清楚在哪里和如何.

有人有什么建议吗?

nsattributedstring right-to-left ios

6
推荐指数
1
解决办法
1701
查看次数

将TinyMCE的默认内容方向设置为从右到左

我正在尝试将TinyMCE(版本4.0.12)中的内容的默认方向设置ltrrtl.

我正在使用directionality配置:

directionality: 'rtl',
Run Code Online (Sandbox Code Playgroud)

...但是编辑器似乎忽略了它,并且默认光标位置仍在左边,内容是ltr.

我还尝试使用RTL语言进行TinyMCE,但是左边的默认光标位置得到了相同的结果,内容是ltr.

问题是什么?

如何让TinyMCE的默认内容方向从右向左?

tinymce right-to-left

6
推荐指数
1
解决办法
1097
查看次数

Bootstrap下拉RTL对齐

最近,在引导的最后一个版本(3.2.0),我才意识到,我们无法使dropdownsdir="rtl"dir="ltr"因此我们必须为自己做手工官方博客说:(从3.1.0版本中添加此功能)

下拉列表现在有自己的对齐类,以便于自定义

该课程是什么,如何从右到左制作下拉列表?

html css right-to-left twitter-bootstrap twitter-bootstrap-3

6
推荐指数
1
解决办法
3387
查看次数

RTL密码字段Android

我在这篇文章中尝试了一切:Android RTL密码字段?

但没有任何帮助我.

问题:当用户的语言环境是阿拉伯语(RTL)时,我希望他在用他的语言输入密码时感觉很舒服.但是,当我分配inputTypetextPassword,无论我分配什么,它都不起作用并强制它进入LTR.

我试过分配gravity,textAlignment,layoutDirection,我甚至已经尝试过编程,但没有什么工作.

除了PASSWORD之外,所有其他文本字段都可以正常工作.这个错误/问题有解决方法吗?

android right-to-left

6
推荐指数
2
解决办法
1052
查看次数

将工具栏布局方向设置为RTL,使用`supportsRtl ="false"`

我有一个特殊的情况,我无法找到解决方案.我试图强制一个视图在RTL中布局,但其中一个限制是supportsRtl必须false在清单中.

<!-- AndroidManifest.xml -->
<application android:supportsRtl="false">

<!-- layout/activity.xml -->
<android.support.v7.widget.Toolbar
    android:layoutDirection="rtl"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>
Run Code Online (Sandbox Code Playgroud)

我遇到的问题是,android:layoutDirectionView#setLayoutDirection(int),除非被忽略supportsRtl="true".如果没有我自己的Toolbar,还有什么其他选择来处理这个?

layout android right-to-left android-toolbar

6
推荐指数
0
解决办法
1384
查看次数

Angular 2+定位(i18n)rtl支持

将右到左(rtl)支持添加到本地化的Angular 2+应用程序(例如希伯来语和阿拉伯语)中的最佳做法是什么?我查看了几个教程,包括国际化(i18n),但似乎都没有涉及到这一点.例如,我希望<html dir="rtl">在应用程序的构建步骤中添加html方向属性(例如)以及在18n属性中定义的翻译.

localization right-to-left typescript angular

6
推荐指数
1
解决办法
3651
查看次数