画像幅が1000pxで、max-widthが100%の場合 article幅よりオーバーフローすることはありません

幅指定がない、小さなテーブルは、article幅内に表示されます。
hello | world |
幅指定があり、同時に、max-width:100%の場合は、オーバーフローしてしまいますね
これは、画像の場合の、widthとmax-widthが指定されている場合の挙動と、異なりますよね
hello | world |
WordPress ブロックエディタ
幅指定が無く、子要素のtdが一定の幅を持っている場合はどうでしょう?
Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem |
Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem |
Gutenberg 6,4をアクティベートした場合
コンテンツ領域を上回る幅の場合に、figureでラップしたものは、以下のような表示が期待されているのではないかと思います。
Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem |
Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem |
WordPress forum固定ページの表作成でサイズを調整したいですでの回答の再現テスト
Table 要素のプロパティをblockにする
table {
width: 100%;
max-width: 123px;
display: block; /* 仕様ではインライン以外とのことなので、念の為に。 */
}
セル幅に難あり
Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem |
Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem |
tableにdisplay:blockのみ. セル幅難あり
Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem |
Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem |
table {
width: 100%;
max-width: 123px;
}
Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem |
Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem | Lorem |