Блог

Главная - Вопросы по программированию - таблица html, выровненная по правому краю, имеет невидимую часть слева от экрана

таблица html, выровненная по правому краю, имеет невидимую часть слева от экрана

#php #html #css #html-table

#php #HTML #css #html-таблица

Вопрос:

У меня есть таблица html. Выровнена по правому краю. Внутри нее у меня есть таблица с полями. Но когда мой браузер Chrome отображает таблицу, некоторая часть таблицы (крайняя левая) обрезается слева, т. Е. Ее крайнее левое содержимое находится за пределами экрана. Изображение того, как выглядит моя таблица, находится здесь:https://yadi.sk/i/rR6rm8nuZsfXlA

Как сделать так, чтобы таблица, выровненная по правому краю, начиналась в начале экрана (с левой стороны), чтобы увидеть полное содержимое таблицы?

мой код:

 <table width=600 border="0" align="right" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
  <tr>
    <td>
      <table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFFF">
        <tr>
          <td bgcolor="#F8F7F1"><strong>ID</strong></td>
          <td bgcolor="#F8F7F1">:</td>
          <td bgcolor="#F8F7F1">
            <?php echo $rows2['a_id']; ?>
          </td>
        </tr>
        <tr>
          <td width="18%" bgcolor="#F8F7F1"><strong>Name</strong></td>
          <td width="5%" bgcolor="#F8F7F1">:</td>
          <td width="77%" bgcolor="#F8F7F1">
            <?php echo $rows2['a_name']; ?>
          </td>
        </tr>

Ответ №1:

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

 <style>
@media only screen and (min-width: 600px) {
  .mytable {
    margin-right: 0px;
    margin-left: auto
  }
}
</style>

Назначьте класс my table таблице, которую вы хотите выровнять по правому краю, и удалите align=right из html.

Ответ №2:

Просто удалите поле сбоку, и вы также можете использовать значение percetage для автоматического изменения размера таблицы при сужении экрана

Ответ №3:

Похоже, что ширина вашей внешней таблицы (600) не заполняет доступное пространство на вашей веб-странице. Если вы хотите, чтобы таблица начиналась в начале экрана, вы могли бы попробовать удалить выравнивание по правому краю следующим образом:

 <table width=600 border="0" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
    <tr>
        <td>
            <table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFFF">
                <tr>
                    <td bgcolor="#F8F7F1"><strong>ID</strong></td>
                    <td bgcolor="#F8F7F1">:</td>
                    <td bgcolor="#F8F7F1"><?php echo $rows2['a_id']; ?></td>
                </tr>
                <tr>
                    <td width="18%" bgcolor="#F8F7F1"><strong>Name</strong></td>
                    <td width="5%" bgcolor="#F8F7F1">:</td>
                    <td width="77%" bgcolor="#F8F7F1"><?php echo $rows2['a_name']; ?></td>
                </tr>
            </table>
        </td>
    </tr>
</table>