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