[ 解決済 ] テーブルの列の幅を均等にしたい

[D.K]

■ WordPress のバージョン
6.9

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 )

■ テーマのバージョン
15.32.2

■ スキンの種類
Origin III

■ 期待する動作
テーブルの列の幅を均等にしたい

■ 自分で試した事
テーブルの列の幅を以下のように指定しているのですが、スマホ表示では均等の幅になりません。

<table style=”border-collapse: collapse; width: 100%;”>
<tbody>
<tr>
<th style=”width: 25%;”>商品</th>
<th style=”width: 25%;”>①Mofmo マットレス</th>
<th style=”width: 25%;”>②SOMRESTAマットレスPREMIUM</th>
<th style=”width: 25%;”>③咲夜ハイフィール</th>
</tr>

均等の幅に見せるにはどうしたらよいでしょうか？

■ 症状が発生するブラウザ
chrome

■ 実際の症状
添付の通り、均等になっていない

■ その他特記事項
なし

Attachments:

You must be logged in to view attached files.

---

該当URL : https://*********

※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

[瀬戸内ことり]

右側に表示されるテーブルブロック設定で「表のセル幅を固定」にチェックは入っていますか？

Attachments:

You must be logged in to view attached files.

[D.K]

ご返信ありがとうございます。

添付の画面はブロックエディタでしょうか？
私はブロックエディタは使ったことがなく、クラシックエディタで投稿を編集しております。

>表のセル幅を固定

上記のアイデアありがとうございます。
調べたところ以下のCSSで解決できた様子です。

table {
width: 100%;
table-layout: fixed;
}

アドバイスありがとうございました。

[瀬戸内ことり]

解決したようでよかったです＾＾

(ブロックエディタはボタンひとつでカスタマイズができるなど、とても使いやすいので、ぜひご検討を～)

[投稿者]

投稿