飲食店のHPでよく見るヘッダーがあり左にはロゴ、右には自店のsnsのアカウントの画像がある。
そして、その２つの要素を両端に置きたい時は親要素にdisplay:flex;とjustify-content:space-between;を使えば綺麗に納まる。
また、親要素にmargin,paddingでスペースを空けると見やすくなります。
↧
要素を両端に置いて揃えたい時
↧
Channel:
CSSタグが付けられた新着記事 - Qiita
X
Are you the publisher?
Claim or
contact us
about this channel.
X
0
Channel Details:
- Title: CSSタグが付けられた新着記事 - Qiita
- Channel Number: 75438493
- Language: Japanese
- Registered On: October 26, 2019, 6:41 am
- Number of Articles: 8721
- Latest Snapshot: August 1, 2025, 6:36 pm
- RSS URL: https://qiita.com/tags/css/feed
- Publisher: https://qiita.com
- Description: QiitaでCSSタグが付けられた新着記事
- Catalog: //qiita73.rssing.com/catalog.php?indx=75438493
Latest Images
赤坂中華 わんたん亭
July 20, 2025, 4:00 am
赤坂中華 わんたん亭
July 20, 2025, 4:00 am
赤坂中華 わんたん亭
July 20, 2025, 4:00 am
赤坂中華 わんたん亭
July 20, 2025, 4:00 am
Спутник スプートニク 洗車する
July 19, 2025, 4:17 pm
Спутник スプートニク 洗車する
July 19, 2025, 4:17 pm
Спутник スプートニク 洗車する
July 19, 2025, 4:17 pm
Спутник スプートニク 洗車する
July 19, 2025, 4:17 pm
熱中症になりかかっていたかも
July 18, 2025, 11:34 pm
.NETで応答性の高いビジュアル入力コントロールを使用
July 18, 2025, 8:38 am
© 2025 //www.rssing.com