エスエムティ スタッフブログ『エスエムティの愉快な仲間たち』

pay-per-click

Staff blog

エスエムティの愉快な仲間たち

記事担当
ばさっち

Flexboxで均等配置し左寄せにする方法

こんばんはばさっちです。
flexboxのspace-between使ってますか?

汎用性の高いbox03とかのクラスしてスタイル当てておけば、簡単に横並びになってくれるので使い勝手が良くてすごくお世話になっています。
ただ3列などに並べて、5個しかない場合このようになってしまいます。



こんなときにわざわざmarginなど再指定したりするのめんどくさいですよね?
そんな時はflex要素のafter疑似要素にスタイルを当ててやると簡単に左寄せになってくれます。

.box03::after {
content:"";
display: block;
width:31.5%;
}
簡単ですね? これも1個スタイルを準備しておけば簡単に使うことができます! 最近はまたコーディングが楽しくなっているので、こういった技を使って時短しちゃいましょう!!

クリックしていただけると幸いです

エスエムティ メンバー紹介

●ひらりん

またの名をりんこ。エスエムティの陰のデザイナーとして君臨。素性がイマイチわからない。

●しータケ

声と足がデカい弊社のドン。人当たりはイイが、黙ってるとオッカナイのはDNAのせいらしい。

●さくサック

「はい、エスエムティのさくサックでございます」と弊社史上初、電話は自ら名乗る 妖怪 妖精系男子。

●ざわシス

社内一、目ヂカラが半端ないエスエムティの営業のホープ。よく忘れ物をして会社に戻ってくる。

●ウラカスミン

ポケモンのヌオーとウパーを足して2で割ったような、見ているだけでホンワカする癒し系女子。

●部長

縦横無尽、天下無敵にみえるキレキャラだが歯が弱く部分入れ歯がトレードマーク。

●ぴのこ

制作部のエース。何年経ってもエスエムティでは永遠の21歳である。

●ばさっち

エスエムティきってのアーティスティックなデザイナー。顔が濃いのでテルマエとも呼ばれている。

●まりりん

アニメ声がカワイイ秋田小町女子。最近エスエムティの女帝と化してきた。

●トサコーン

会社の独特な雰囲気の中でも常にクールでマイペースな草食系?プログラマー。常時サックに憑依されている。

月曜から金曜まで順番に更新します!

http://www.smt-net.co.jp/

旧ブログはこちら


ページの先頭へ戻る

ページの先頭へ戻る

お問合せ・ご相談

スタッフブログ

pay-per-click