Html выравнивание таблицы справа - PullRequest
Новая
       17

Html выравнивание таблицы справа

4 голосов
/ 13 августа 2011 
--------------------------------
| item a                 item b |
| item c         item d  item e |

---------------------------------
| item a         item b          |
| item c         item d  item e  |

У меня есть две строки в таблице, и я бы хотел, чтобы у каждой из них был элемент, выровненный по левому краю, и несколько элементов, выровненных по правому краю, как в первом примере выше.

Однако, когда я устанавливаю item b, item d и item e на align="right", я получаю поведение второго примера выше.Почему item b совпадает с item d, а не right?

Редактировать : Jsfiddle

1 Ответ

10 голосов
/ 13 августа 2011

У вас был неправильный синтаксис.Вы использовали style="align-right", когда я думаю, что вы имели в виду style="text-align:right;".Вам также нужно добавить colspan="2" к <td>, который должен занимать 2 столбца - иначе говоря, ячейка "элемент b": 

<table width="500px">
    <tr>
        <td>
            item a
        </td>
        <td style="text-align:right;" colspan="2">
            item b
        </td>
    </tr>
    <tr>
        <td>
            item c
        </td>
        <td style="text-align:right;">
            item d
        </td>
        <td style="text-align:right;">
            item e
        </td>
    </tr>
</table>

http://jsfiddle.net/A5LDZ/2/

...