HTML: поместить таблицу по правому краю в другую ячейку таблицы - PullRequest
Новая
       2

HTML: поместить таблицу по правому краю в другую ячейку таблицы

0 голосов
/ 09 марта 2020

Я хочу, чтобы table внутри td другого table было выровнено с правой стороны. 

<table style="width: 100%;">
  <tr>
    <td style="text-align:right;">
      <table style="width: 200px; table-layout: fixed; background-color:blue">
        <tr>
          <td>
            <input style="width:100%" type="button" value="OK" />
          </td>
          <td>
            <input style="width:100%" type="button" value="Abbrechen" />
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

Как видите, внутренний table показан слева. Как выполнить sh?

1 Ответ

1 голос
/ 09 марта 2020

Просто добавьте display: inline-table; к внутренней таблице. В противном случае параметр text-align не будет применяться, поскольку он применяется только к встроенным элементам. 

<table style="width: 100%">
  <tr>
    <td style="text-align:right;">
      <table style="width: 200px; table-layout: fixed; background-color:blue; display: inline-table;">
        <tr>
          <td>
            <input style="width:100%" type="button" value="OK" />
          </td>
          <td>
            <input style="width:100%" type="button" value="Abbrechen" />
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
...