是否可以使用CSS更改行属性?

时间:2014-07-24 09:04:17

标签: html css

我需要在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>

我正在开发的网站在这里:

http://dominodev1.co.uk

(您会看到,在英文版本中,阿拉伯语推文在底线的右边缘有句号,实际上是句子的中间位置。)

非常感谢,

菲尔

1 个答案:

答案 0 :(得分:5)

正确的方法是不更改属性(您可以从CSS中删除)但要更改direction css property

someSelector {
    direction: rtl;
}