ここから本文です

画像を4枚写真のように並べたいのですが、 flex-wrapを使っても上3枚下一枚にな...

jgy********さん

2020/6/2916:45:37

画像を4枚写真のように並べたいのですが、
flex-wrapを使っても上3枚下一枚になってしまう原因は何ですか?

投稿画像

閲覧数:
11
回答数:
3

違反報告

回答

1〜3件/3件中

並び替え:回答日時の
新しい順
|古い順

プロフィール画像

カテゴリマスター

ybb********さん

2020/6/2918:30:35

jgy********さん

>・・・・画像を4枚写真のように並べたい・・・・・・・・・・・・・・・・・

ご参考に↓

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" >
<style>
.flex-f {
width:800px; margin:5px auto;
display:flex; flex-wrap:wrap;
}
.item {
width:50%;
}
.item img{
width:100%;
}
</style>
</head>
<body>
<div class="flex-f">
<div class="item">
<img src="https://s.yimg.jp/images/ks/clap/image/category/40/2078297558.png" >
</div>
<div class="item">
<img src="https://s.yimg.jp/images/ks/clap/image/category/40/2078297526.png" >
</div>
<div class="item">
<img src="https://s.yimg.jp/images/ks/clap/image/category/40/2078297536.png" >
</div>
<div class="item">
<img src="https://s.yimg.jp/images/ks/clap/image/category/40/2078297543.png" >
</div>
</div>
</body>
</html>

プロフィール画像

カテゴリマスター

yoy********さん

2020/6/2917:57:00

それを見せてください。

line-of-action.comがあなたのサイトじゃないよね?
違うなら、作ったやつをレンタルサーバーにアップしてURLを教えてください。

自分のサイトじゃなくて他のサイトで回答する人たちに見せてどうするの?

それだと、回答しにくい。

one********さん

2020/6/2917:53:26

ソースは?
それが無いとどこが間違ってるかも指摘できないと思いますが…

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる