Question

我在选取框中将文本方向更改为rtl（从右到左）时遇到问题。这是代码：

<marquee direction="left" behavior="alternate" scrollamount="1" class="qus" dir="rtl">some text علي</marquee>

JSFiddle

它没有移动但是当我移除dir="rtl"时它工作正常。。。但我需要dir="rtl"。

Answer 1

根据http://www.w3.org/html/wg/drafts/html/master/rendering.html#the-marquee-element

direction属性与文本方向无关，只处理动画。

http://jsfiddle.net/austinpray/pzDfV/

<marquee direction="right"  behavior="alternate" scrollamount="1" class="qus">some text علي</marquee>

这很好用。

Marquees非常糟糕。我会重新考虑使用它们。

Answer 2

将rtl放入div中：

<marquee direction="left"  behavior="alternate" scrollamount="1" class="qus" ><div style="direction:rtl;">some text علي</div></marquee>

Answer 3

在选框中没有属性“dir”你可以使用方向“rtl”或方向右，并且可以使用它的替代方法liScroll

Answer 4

不要使用maquee！这是一个不推荐使用的元素......如果你绝对必须使用它，那就用CSS做吧。

JSFiddle

<强> CSS

body {font：12px arial，helvetica，sans-serif;} .marquee {width：130px;   高度：40像素;填充：1px的;背景颜色：红色;边框：1px实心   黑色;白色空间：nowrap;溢出：隐藏;

溢出 - X：-webkit-选取框;   -webkit-marquee-direction：向后;   -webkit-marquee-style：scroll;   -webkit-marquee-speed：fast;   -webkit-marquee-increment：small;   -webkit-marquee-repetition：无限;

overflow-x：marquee-line;选框方向：前进;帐篷式：   滚动;选框速度：快; marquee-play-count：无限; }

<强> HTML

<div class="marquee">
<p>some text علي</p>
</div>

切换方向

只需在CSS中向后交换向后搜索。 JSfiddle example

选框文本方向为rtl

4 个答案: