- 2019.01.17
ruby 割り算で少数点以下も表示させる 桁を指定する
rubyの場合、整数÷整数は、整数で表示する仕様となっている。 irb(main):002:0> 100/3 => 33 それを小数点以下まで表示させるには、 数字のどちらかを.to_fで明示的に浮動小数点数にしてあげればよい。 irb(main):004:0* 100/3.to_f => 33.333333333333336 小数点2ケタまで表示させたい場合は、 sprintfで桁指定してあげる […]
CSS
- 2018.07.22
CSS-classとidの使い分け
CSSのclassとidの使い分けがようやく理解できた。 idはフッター、サイドバーのようなHTML内で一回しか出ないものに対して使う。 1回しか出てこないので、URLでの場所の特定にも使える。 URLの後に#id名とするとそのページのid：id名の部分となる。 例えば、 「https://koooza.net/2018/08/05/post-275#abc」 は「https://koooza.n […]
- 2018.07.21
FlexBox-CSS
FlexBoxを使うと柔軟にBOXを配置できる。 簡単に入れ子構造のBOX配置を実現できた。 サンプル 基本構造(scss形式） . wrap{ display:flex; item{ 子要素の設定 } } HTML <html> <body> <div class = "firstwrap"> <div class = "secondwrap"> […]
- 2018.07.20
CSS 中央寄せ
領域を中央寄せ（divの枠自体を中央寄せする） div { margin: 0 auto; } テキスト・画像を中央寄せ 親要素に text-align:center div { text-align:center }