在左侧格式化一些文本,在同一时间格式化一些文本

时间:2015-08-18 11:06:56

标签: css arabic

我检查了prior posts但仍然无法正常工作。如何将文本的翻译在同一行左侧和右侧对齐?我使用阿拉伯语和英语。想过尝试使用表和一些CSS,但是如何?

<table width="100%"><tr><td height="30px">
3) What services do you provide?
</td>
<td class="arabic">
ما هي الخدمات التي تقدّمها؟
</td></tr></table>

3)您提供哪些服务? ماهيالخدماتالتيتقدمها?

1 个答案:

答案 0 :(得分:2)

要显示从右到左的文字,您可以使用direction属性。

  

设置方向CSS属性以匹配文本的方向:从右到左(如希伯来语或阿拉伯语)文本和ltr为其他脚本编写的语言的rtl。

&#13;
&#13;
.arabic {
  direction: rtl;
}
&#13;
<table width="100%">
  <tr>
    <td height="30px">
      3) What services do you provide?
    </td>
    <td class="arabic">
      ما هي الخدمات التي تقدّمها؟
    </td>
  </tr>
</table>
&#13;
&#13;
&#13;

您还可以使用float将文字渲染到右侧。

&#13;
&#13;
.arabic {
  float: right;
}
&#13;
<table width="100%">
  <tr>
    <td height="30px">
      3) What services do you provide?
    </td>
    <td class="arabic">
      ما هي الخدمات التي تقدّمها؟
    </td>
  </tr>
</table>
&#13;
&#13;
&#13;