例えば、
<section>
<div class="a"><img src="a.html></div>
<div class="b"><img src="b.html><div>
</section>
とあります。
これら、aクラスとbクラスをそれぞれ、横並びにして、aのマージンレフトを30px,bのマージンレフトを50pxとします。
このように、各々違うマージンをmargin-leftを使用せずに、justify-contentで、設定するには、どうすれば、良いでしょうか。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
finaltida108070809さん
・・・・・justify-contentで、設定する・・・・・・・・・
space-aroundなどを使ったら如何ですか。
ご参考に↓
http://www.htmq.com/css/justify-content.shtml
<head>
<meta charset="utf-8">
<style>
section {
background:#eee;;
width:190px;
display: flex; justify-content:space-around;
}
</style>
</head>
<body>
<section>
<div class="a"><img src="https://oshiete.xgoo.jp/images/v2/common/profile …
<div class="b"><img src="https://oshiete.xgoo.jp/images/v2/common/profile …
</section>
<section>
</section>
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- JavaScript htmlとcssに関する質問です 3 2022/12/06 05:36
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<div id="container">の使いか...
-
htmlのolやulなどlistにtitleや...
-
html の divとtable の役割
-
HTML属性での「""」 「''」違い
-
html5でheaderの中にnav
-
複数のボタンを等間隔に、かつ...
-
ヘッダーを左右に二分割する方...
-
オシャレな区切り線はありませ...
-
要素間、要素内に隙間が空く
-
body>div{}の意味を知りたい
-
画面を拡大すると横幅が切れる
-
div要素が重なってします
-
divとpの使いわけ
-
iframeを使わずに上下50%ずつに...
-
min-heightとheightの違いについて
-
セクションをdivで囲むと見出し...
-
float:leftを使用して全体を中...
-
1時間30分を簡単に表したいで...
-
htmlの文字が縦書きになる
-
【ヒトの神秘】美男美女から何...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlのolやulなどlistにtitleや...
-
HTML属性での「""」 「''」違い
-
div要素が重なってします
-
<div id="container">の使いか...
-
複数のボタンを等間隔に、かつ...
-
html の divとtable の役割
-
divとpの使いわけ
-
ヘッダーとフッターだけ背景を...
-
min-heightとheightの違いについて
-
セクションをdivで囲むと見出し...
-
画面を縮小するとカラムが落ち...
-
ヘッダーを左右に二分割する方...
-
スペースを使わず文字位置を揃...
-
1時間30分を簡単に表したいで...
-
CSSで、contentsがfooterに重な...
-
h1に自分自身へのリンクを張...
-
divの中に外部のHTMLを埋め込む
-
hタグの右横に画像を表示
-
divを横に並べる方法
-
インラインフレームのページ内...
おすすめ情報