WordpressでHTML、PHPでコーディングした列幅と、Mysqlから呼び出したデータベースの列幅を同じ列幅に調整する方法教えてください！

Question

WordpressでHTMLまたはPHPで作ったテーブルの各列幅と、
Mysqlで呼び出したテーブルの各列の幅が同じ様に調整できません。
なので良い調整方法ないでしょうか？

また、テーブルに各列の項目を入れてテーブルかつ必要な列を呼び出した方がよいのでしょうか？

Comments

[退会済みユーザー]

自身でトライした結果、何処でつまづき、どのようなソースコードを書いているのを追記してください。

[kei344]

具体的に出力されたHTMLおよびCSSなどを質問文に追記いただいたほうが回答を得られやすいと思います。

Answer 1

CSSでtableとtdにwidthをつければよいと思います。

動作サンプル by Codepen

<table class="mytable">
  <tr>
    <td>ID</td>
    <td>NAME</td>
    <td>BIRTHDAY</td>
  </tr>
  <tr>
    <td>1</td>
    <td>teratail</td>
    <td>19780101</td>
  </tr>
  <tr>
    <td>1</td>
    <td>teratailteratail</td>
    <td>19780101</td>
  </tr>
</table>

table.mytable,
table.mytable td {
  border: solid #ddd 1px;
}
table.mytable {
  width: 330px;
}
table.mytable td {
  width: 110px;
}