当LTR和RTL混合时,修正字体大小

时间:2011-07-14 10:24:13

标签: css

当它们是LTR和RTL内容的混合时,我遇到字体大小问题。说,我有这样的文字:

<p>في 12 ساعة</p>

如果我可以使用LRT方向放置跨度来纠正字体大小,例如:

<p>في <span dir="ltr">12</span> ساعة</p> 

但是它们很多并且是混合的,所以在一些正文或标题中放置跨度是不可能的。

如你所见12是LTR。其余的是RTL。

我的CSS定义:

p{font-size:16px;}

这对于RTL看起来不错,但对LTR来说太大了(这里是12)。

我想要的: - 为RTL保持font-size为16px - 使其LTR字体大小为12px

您是否认为有一个CSS属性可以自动扫描方向而不为每个LTR设置span标记?

任何暗示都会受到赞赏。

由于

2 个答案:

答案 0 :(得分:1)

很遗憾,您无法使用CSS“扫描”文本。 尝试使用阿拉伯语中不那么小的字体。如果你问我,4px的差异太大了。我通常为阿拉伯语文本添加1px或2px max。 尝试“Tahoma”(它在阿拉伯语文本中相对较大)

答案 1 :(得分:0)

我为你写了这个例子 所有文本都有12px,但是p> 1中的任何文本都是span将有更大的文本 当然,您可以在跨度中添加类 在这种情况下,你的CSS将改为 http://jsfiddle.net/9uVD8/1/

p > span.className {....}