HTML/CSS のどんな質問にも優しく答えるｽﾚ 52 (850ﾚｽ)
HTML/CSS のどんな質問にも優しく答えるｽﾚ 52 http://mevius.5ch.net/test/read.cgi/hp/1692784333/
上
下
前
次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
736: Name_Not_Found [sage] 2024/11/01(金) 03:13:49.95 ID:??? そういう問題じゃねえｗ http://mevius.5ch.net/test/read.cgi/hp/1692784333/736
737: Name_Not_Found [] 2024/11/02(土) 01:46:37.11 ID:2dBAOKx/ AIでhtmlやらjs作れちゃうし まともに覚える意味無くなったな http://mevius.5ch.net/test/read.cgi/hp/1692784333/737
738: Name_Not_Found [sage] 2024/11/02(土) 07:00:23.09 ID:??? よかったね http://mevius.5ch.net/test/read.cgi/hp/1692784333/738
739: Name_Not_Found [sage] 2024/11/02(土) 09:45:03.68 ID:??? 大まかに覚えて細かいところはAIに聞く 大まかに分かってないやつはAI使っても無理 http://mevius.5ch.net/test/read.cgi/hp/1692784333/739
740: Name_Not_Found [sage] 2024/11/02(土) 16:15:38.44 ID:??? 全部AIってのも著作権的な意味合いで危ないしな 今のところは何というか、高機能なEmmet使ってるみたいな感覚しかない http://mevius.5ch.net/test/read.cgi/hp/1692784333/740
741: Name_Not_Found [sage] 2024/11/02(土) 17:02:59.51 ID:??? htmlはいまだにめちゃくちゃプロンプトがんばらないとだめ cssに至っては情報が古い 信頼できるのはjsやphpだがそれでも「 なんでrequestAnimationFrameじゃなくsettimeoutなんか使ってんねん」「これループのたびに同じ要素取得してね？」とかポンコツコード出してくることはある http://mevius.5ch.net/test/read.cgi/hp/1692784333/741
742: Name_Not_Found [age] 2024/11/05(火) 07:33:33.91 ID:??? 超初心者なのですが、よろしくお願いします 【１】 div style="background-color:#444444; width:800px; height:1300px; の様な場合に途中から 【２】 div style="background-color:#444444; width="800px" height="1300px" の様にイコールとダブルクォーテーションの形式になっても良いものでしょうか？ 【１】の場合だと"background-colorに始まりのダブルクォーテーションを打ったがために、最後の閉じる所までダブルクォーテーションが使えないんでしょうか？ そもそも色などを指定する場合、コロンとセミコロンで囲うスタイルと、イコールとダブルクォーテーションを使うスタイルはどちらでも可なんでしょうか？ 併用して混在していても有効なのでしょうか？ 表現が下手なので検索してもなかなか答えに辿り着けず、わかりにくくてすみませんがよろしくお願いします http://mevius.5ch.net/test/read.cgi/hp/1692784333/742
743: Name_Not_Found [sage] 2024/11/05(火) 08:18:46.29 ID:??? >>742 widthとheightなどは固有プロパティであってcssではない cssはすべてセミコロンで区切って次のプロパティを書く http://mevius.5ch.net/test/read.cgi/hp/1692784333/743
744: 742 [sage] 2024/11/05(火) 17:07:53.54 ID:??? >>743 なるほど、なんでもかんでも全部ひと括りにしようとしてました 反映されない要素があったりするので、なんでかなと困ってました 簡潔なお返事ありがとうございました http://mevius.5ch.net/test/read.cgi/hp/1692784333/744
745: Name_Not_Found [] 2024/11/06(水) 00:37:59.07 ID:l6mrxaRQ 縦横サイズがバラバラの2つの画像を横に並べる方法について質問です。 2つの画像において高さを小さい方に合わせアスペクト比を保ったまま横幅を自動調整（両画像の高さを揃え横幅は不揃いでOK）し、 かつ全幅（親要素 #oyaの幅に応じて画像が伸縮）にする方法わかる人いますか？CSSのみで実現が条件です。 下記ではheight: ****vh;箇所を調整しないと親要素を突き破ってしまうため、自動でリサイズされるようにしたいです。 .image-container { width: 100%; display: flex; gap: 10px; .image-wrapper { flex: 0 0 auto; height: ****vh;/*←数値指定したくない*/ scroll-snap-align: start; img { height: 100%; width: auto; object-fit: cover; } } } <div id="oya"> <div class="image-container"> <div class="image-wrapper"> <img src="image-1.png"> </div> <div class="image-wrapper"> <img src="image-2.png"> </div> </div> </div> http://mevius.5ch.net/test/read.cgi/hp/1692784333/745
746: 745 [sage] 2024/11/06(水) 00:55:04.99 ID:??? 補足 cssは↓これでも>>745同様にできるけどこれもheight:の数値指定が必要 .image-wrapper { display: inline-block; margin-left:10px; &:first-of-type{ margin-left:0; } height: 470px;/*←数値指定したくない*/ img { height: 100%; } } http://mevius.5ch.net/test/read.cgi/hp/1692784333/746
747: Name_Not_Found [sage] 2024/11/06(水) 01:12:07.32 ID:??? heightは記述したくないけど小さい方の画像の高さを取得して揃えたいってこと？ http://mevius.5ch.net/test/read.cgi/hp/1692784333/747
748: Name_Not_Found [sage] 2024/11/06(水) 01:18:58.48 ID:??? >>747 その通りです。 でもなんかこれで自己解決した臭い、、 .image-container{ width: 100%; display: flex; gap: 10px; .image-wrapper { &:last-of-type { flex: 1; img{ height: 100%; object-fit: cover; } } } } 大丈夫かなこれ、、 http://mevius.5ch.net/test/read.cgi/hp/1692784333/748
749: 745 [sage] 2024/11/06(水) 01:30:49.37 ID:??? >>748 これダメでした。親要素の横幅が狭いと崩れる、、 http://mevius.5ch.net/test/read.cgi/hp/1692784333/749
750: Name_Not_Found [sage] 2024/11/06(水) 07:15:49.01 ID:??? 試してないけどHTML書き換えていいなら 高いほうの画像のimage-wrapperを高さ0にするとか position: absolute; か height: 0; http://mevius.5ch.net/test/read.cgi/hp/1692784333/750
751: 745 [] 2024/11/06(水) 08:46:34.16 ID:l6mrxaRQ ソースをアップしました。 見た目こうしたい（その上で数値を指定したくない） https://jsfiddle.net/05Lhyo8x/1/ >>750さんの結果（ダメでした） https://jsfiddle.net/05Lhyo8x/2/ http://mevius.5ch.net/test/read.cgi/hp/1692784333/751
752: Name_Not_Found [sage] 2024/11/06(水) 12:06:12.14 ID:??? > 見た目こうしたい アスペクト比はこれでいいの？ http://mevius.5ch.net/test/read.cgi/hp/1692784333/752
753: Name_Not_Found [sage] 2024/11/06(水) 12:24:42.46 ID:??? >>752 ごめん、なんか歪んでるよね。 もし可能なら、元画像のアスペクト比を保ったままが理想です。 http://mevius.5ch.net/test/read.cgi/hp/1692784333/753
754: Name_Not_Found [sage] 2024/11/06(水) 15:10:29.47 ID:??? 画像サイズが決まってるなら、calcで計算するとかすれば行けるんだがなぁ http://mevius.5ch.net/test/read.cgi/hp/1692784333/754
755: Name_Not_Found [sage] 2024/11/06(水) 16:05:26.80 ID:??? position: absolute; の使いかたちょっと言い間違えたごめん これはどう？ https://jsfiddle.net/wsp9thrL/33/ http://mevius.5ch.net/test/read.cgi/hp/1692784333/755
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
あと 95 ﾚｽあります
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
AAｻﾑﾈｲﾙ
Google検索
Wikipedia
ぬこの手
ぬこTOP
1.139s*