HTML Direction rtl issue

前端 未结 5 717
梦如初夏
梦如初夏 2021-01-17 20:59

I am working on a Multilanguage website , where in a table one of the td needs to be arabic stuff - which we know need to start from right. I tried it in many ways but could

相关标签:
5条回答
  • 2021-01-17 21:31

    The code is:

    <html dir="rtl">
    

    Updated answer using CSS:

    Try this:

    <span style="direction:rtl;">Arabic Text</span>
    
    0 讨论(0)
  • 2021-01-17 21:34

    Set the dir=rtl attribute on the td element: <td dir=rtl>...</td>. The HTML attribute should be used instead of the corresponding CSS property, since the basic writing direction is not just a presentational suggestion but something that depends on the content.

    You could also set it on an inner element, e.g. <td><div dir=rtl>...</div></td>. But e.g. code like <TD><span dir="rtl"><p>... won’t work, sice the <p> closes the open span element, so the span element has no content and its attributes have no effect.

    Added info: Also make sure that no CSS or HTML setting is overriding the desired effect. For example, align=left on the tr element would set the alignment of all cells to left alignment, and the dir=rtl attribute won’t “win” it on its own. (If there is such an attribute and you can’t remove it, set the cell alignment explicitly, using align=right in HTML.)

    0 讨论(0)
  • 2021-01-17 21:38

    the solution is to put the dir="rtl" (direction:rtl) on the table tag not on td tag. it works fine for me

    0 讨论(0)
  • 2021-01-17 21:40

    I suppose you missing alignment option.

    HTML dir="rtl" or CSS direction:rtl is to control BiDi for the language script.

    But in most cases where mixing different scripts you need to add HTML align="right" or CSS text-align:right which is used to control visual display alignment.

    0 讨论(0)
  • 2021-01-17 21:52

    Both of these are OK:

    <style type="text/css">
            body { direction:rtl; }
    </style>
    

    or this:

     <body dir="rtl">
    

    or for HTML5: (but this doesn't work always)

     <body dir="auto">
    
    0 讨论(0)
提交回复
热议问题