DamienKarrus’s blog

プログラミングとクライミングの足跡

CSS

<div>で要素を並べる方法(要素の幅をそろえたい場合)

CSS

要素の横幅をそろえたいときは display : flex を使う <style>.d_contents2 { display: flex; flex-wrap: wrap; width: 100%;}.d_item2 { width: calc(100% / 3); padding: 0px 0px; text-align: center;}</style> <div>ポイント履歴</div><div class="d_contents2"> <div class=d_item2>日付</div><div class=d_item2>摘要</div><div class=d_item2>ポイ…</div></div>

<div>で要素を並べる方法(要素の横幅がまちまちの場合)

CSS

要素の横の大きさがまちまちの場合は float を使うとよい <style>.d_contents { overflow: hidden;}.d_item { float: left; padding: 20px 30px; text-align: center;}</style><div class="d_contents"> <div class=d_item>ポイント残高</div> <div class=d_item>1001</div><div class=d_item>ポイント</div></div>