HTML/CSS のどんな質問にも優しく答えるｽﾚ 52 (881ﾚｽ)
上下前次1-新
139: 2023/09/15(金)04:07 ID:??? AAS
あとは行にtable追加するとか
昔はよくやってたけど今はもっと便利な方法があるのかな
140: 2023/09/15(金)04:58 ID:??? AAS
みんな>>132の説明でどんなテーブルかわかるん？
俺全然わかんねえや…
141(1): 2023/09/15(金)08:31 ID:??? AAS
一番下のお絵かきの画像
142(1): 132 2023/09/15(金)16:21 ID:??? AAS
>>136さんと138さんの方法で出来ました！
大変助かりました、ありがとうのざいます。
gridはよくわからなかったので勉強してみます。
>>137
まさにbootstrap使ってるんですが、gridレイアウトを使ったらどうかということでしたかね？
143(1): 2023/09/15(金)16:24 ID:??? AAS
なぜgridはflexに負けたのですか？
144: 2023/09/15(金)17:02 ID:??? AAS
>>141
あー、分かる人にはなんか表示されてるのか
納得
145: 2023/09/15(金)17:06 ID:??? AAS
>>143
別に勝ち負けないじゃん？
flexの出始めと一緒で、使えるようになった人から使っていく流れっしょ
146: 2023/09/15(金)17:33 ID:??? AAS
というか今でもflex使うけど
単に横一列縦一列に並べるなら絶対flexのが早いし
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
148(2): 2023/09/15(金)21:31 ID:??? AAS
<div id="hoge">
<ul>
<li>文１</li>
<li>文２</li>
<li>文３</li>
</ul>
</div>
#hoge > ul li {
・・・
}
省5
149: 2023/09/15(金)22:26 ID:??? AAS
今となってはflexとgridなしは考えられないな
昔はflexなしでTableレイアウトをcssで再現してたけど無理があったよね
150(1): 2023/09/15(金)23:09 ID:??? AAS
>>148
#hoge > ul li {
background : #f00;
}
はエラー無しで通るから、どこかでミスタイプしてたりしない？
151: 2023/09/16(土)01:37 ID:??? AAS
gridがflexよりも優秀な時ってどういう時があるの？
152(1): 2023/09/16(土)02:13 ID:??? AAS
少し上読めば？
153: 2023/09/16(土)02:28 ID:??? AAS
>>152
たぶん同じ質問繰り返して荒らしてるだけだと思う
154(2): 2023/09/16(土)21:04 ID:??? AAS
>>150
ダメですか？
#hoge > ul li {
color: #03f;
text-decoration: none;
margin-bottom: 5px;
border-radius: 5px;
padding: 2px 10px;
background: #ddd;
outline: none;
省8
155: 2023/09/16(土)21:29 ID:??? AAS
>>154
コピペしたけど↓は通ったよ
外部ﾘﾝｸ:jigsaw.w3.org
156(2): 2023/09/16(土)22:10 ID:??? AAS
>>154
もしかしてcss-validator.org使った？
正解はこっち 外部ﾘﾝｸ:jigsaw.w3.org
157(1): 2023/09/16(土)22:57 ID:??? AAS
外部ﾘﾝｸ[html]:css-validator.org
で直接入力（元ソースコピペ）、オプションをCSS3にしてます。
ここでなくてもいいのですがどこかのブログか何かで紹介されててブックマークしたのを昔からそのまま使ってるだけです。
154をそのまま貼ると同様エラーになります。
>>156
そこと何が違うのでしょうか？
158: 2023/09/16(土)23:58 ID:??? AAS
古くて機能してない
そこじゃなくていいなら使うな
上下前次1-新書関写板覧索設栞歴
あと 723 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.013s