プログラミング記事:第十回
Flex編
Flexとは?

(♪♪♪♪♪♪♪)どうも!どうも!ようこそプログラミングコナーへ!

私はあなたの愛しい司会NISO desu!

今日はFlex編に突入しようと思います!それではよろしくお願いします。(♪♪♪♪♪♪♪)

それでは今日のゲストを紹介しようと思います!Flexさん!

Flex: ”はい!”

NISO: ”雰囲気が変わりましたね。髪を切りました??”

Flex: ”いいえ、切ってないです。”

NISO: ”それでは自己紹介お願いします。”(♪♪♪♪♪♪♪)

flex

flex は CSS の一括指定プロパティで、フレックスアイテムをフレックスコンテナーの領域に収めるために、どのように伸長・収縮させるかを指定します。 ー出典MDN

NISO: ”ありがとうございます!うーん、よくわからないです。”

Flex: ”こっちを見てくださいw”

Flex: ”これは前回設定されていた赤と青のテストサイトです。一見フランスの旗に見えるが、変なところにお肉が突っ込まれていますw”

ちなみに、裏のコードはこうなります。

Flex: ”そんなとき、私を導入したら、”

”肉+フランスになります。並列ですね。”

NISO: “すごいですね、並列ができました。

ちなみに、同じ機能を持つ、

display:inline-block,

Float:left,

と何が違いますか?”

 

Flex: “それは。。。”

 

CMに入る(♪♪♪♪♪♪♪)

”世界が驚きました。。あのFlexさんがまさか。。Flex: “私は〇〇〇です!” 次回プログラミングコナー!!”