Сила стола столбец с фиксированной шириной, развернутая на контейнере

, видимо, классическая проблема, но «решения», которые я нашел, не работал, включая различные другие вопросы на этом.

Если мой стол Широко, чем ее контейнер, я хочу, чтобы моя ширина ячейки таблицы оставалась фиксированной, а не изменяться, чтобы соответствовать контейнеру.

Воспроизводимый HTML ( S, сгенерированный с PHP):

<html>
  <head></head>

  <body>
    <table>
      <tr>
        <?php for($i=0;$i<15;$i++) { 
           echo "<td style='width:150px;border-right:1px solid black;'>".($i+1)."</td>"; 
        } ?>
      </tr>
    </table>
    <div style='background:chartreuse;width:150px'>This is 150px wide.</div>
  </body>
</html>

Что я Пробовал:

  • Настольный макет: фиксированные
  • SPAN Контейнер с Дисплей : Inline-Block Установите
  • DIV Контейнер с Inline Block

Должен быть простой способ сделать предыдущий код генерировать таблицу, которая переполняет тело.

Может кто-нибудь помочь?

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

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

Я пытаюсь сделать это, не указывая явную ширину для таблицы. Только TDS заставит таблицу шире, что (должно?) Заставить контейнер шире.

Кроме того, встроенные CSS там, например, только для целей.

10
задан Brian Tompsett - 汤莱恩 13 August 2017 в 08:21
поделиться