HTML/CSS のどんな質問にも優しく答えるｽﾚ 52 (881ﾚｽ)
上下前次1-新
抽出解除 ﾚｽ栞
136(2): 2023/09/14(木)16:40 ID:??? AAS
grid使うとか他にもっと良い方法があるのかもしれないけど、とりあえずtable使うということで
・tableの最上段にダミーでtr1行追加
・更にbと同一幅のセルを左から4番目に追加
・最上段だけvisibility: collapse;で不可視化（hiddenだとレイアウトからも除去されるので）
ってのはどうでしょう？
外部ﾘﾝｸ:jsfiddle.net
142(1): 132 2023/09/15(金)16:21 ID:??? AAS
>>136さんと138さんの方法で出来ました！
大変助かりました、ありがとうのざいます。
gridはよくわからなかったので勉強してみます。
>>137
まさにbootstrap使ってるんですが、gridレイアウトを使ったらどうかということでしたかね？
147(1): 2023/09/15(金)18:45 ID:??? AAS
>>142
>>135のcodepen見て>>136作ったけど、>>132の画像ちゃんと見てなかったから一応修正
外部ﾘﾝｸ:jsfiddle.net
結局のところtable-layout: fixedの場合は
table-layout - CSS: カスケーディングスタイルシート | MDN
外部ﾘﾝｸ:developer.mozilla.org
> 表と列の幅は table 要素と col 要素の幅によって、または最初の行のセルの幅によって設定されます。後続する行のセルは列の幅に影響しません。
ってことなので、先頭行がcolspanで結合してる場合には後続のセル幅のコントロールが少し面倒
colタグ使ってもセルが結合してると難しいね
省2
上下前次1-新書関写板覧索設栞歴
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 1.167s*