我需要在dir =“ltr”到dir =“rtl”的混合阿拉伯语和英语Twitter提要的英文版本中更改内联html dir属性,以避免完全停止出现在错误的位置包括阿拉伯语推文。 (然后英文推文会从右到左显示,但至少在语法上是正确的,而从左到右显示的阿拉伯语推文在句子中间有句号。)
是否可以使用CSS执行此操作?
我已经读过您可以使用CSS更改内联样式,如下例所示:
以红色背景的线条样式划分:
<div style="background: red;">
</div>
CSS将红色变为黄色:
div[style] {
background: yellow !important;
}
这可以用于其他属性,例如dir?
我需要更改的div是iframe。在Firebug中将dir =“ltr”更改为“rtl”会显示从右到左的所有文本。这就是我想要的。
<iframe id=“twitter-widget-0” class=“twitter-timeline twitter-timeline-rendered” scrolling=“no” height=“862” frameborder=“0” allowtransparency=“true” style=“border: medium none; max-width: 100%; min-width: 180px; width: 300px;” title=“Twitter Timeline”>
<html>
<body>
<div id=“twitter-widget-0” class=“root timeline ltr customisable-border twitter-timeline not-touch twitter-timeline-rendered var-static var-narrow” lang=“ar” data-scribe=“page:timeline” data-iframe-title=“Twitter Timeline” data-dt-long=“%{day} %{month} %{year}” data-dt-short=“%{day} %{month}” data-dt-abbr=“%{number}%{symbol}” data-dt-months=“Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec” data-dt-hours=“hours” data-dt-hour=“hour” data-dt-minutes=“minutes” data-dt-minute=“minute” data-dt-seconds=“seconds” data-dt-second=“second” data-dt-h=“h” data-dt-m=“m” data-dt-s=“s” data-dt-now=“now” data-profile-id=“2645852642” data-timeline-type=“profile” dir=“ltr” data-twitter-event-id=“0”>
</div>
</body>
</html>
</iframe>
我正在开发的网站在这里:
(您会看到,在英文版本中,阿拉伯语推文在底线的右边缘有句号,实际上是句子的中间位置。)
非常感谢,
菲尔
答案 0 :(得分:5)
正确的方法是不更改属性(您可以从CSS中删除)但要更改direction css property:
someSelector {
direction: rtl;
}