理解しておきたい、CSSによるインラインレイアウトの仕組み（font-size／line-height編）Inline Layout─Frontrend Conference

理解しておきたい、CSSによるインラインレイアウトの仕組み（font-size／line-height編）Inline Layout─Frontrend Conference 高津戸壮（株式会社ピクセルグリッド） この記事は、Frontrend Conferenceのセッション「Inline layout」でお話させていただいた内容を基に、連載記事（全4回）として書き起こしたものです。今回は第１回目です。 はじめに Frontrend Conferenceでは、皆さんが新しい技術について話していた中、私からはCSS2.1のお話をさせていただきました。私が解説したのは、CSSを書く上で欠かせない、以下の4つについてです。 font-size line-height vertical-align inline-block トレンドとはほど遠い内容ではありますが、多くの人にとって、なんとなく感覚

[ysk_lucky-star]

むしろこれ知らずにCSS書いてるのはヤバいよ

[murcotto]

詳しいレイアウトの解説

[yasu-log]

【B!】理解しておきたい、CSSによるインラインレイアウトの仕組み（font-size／line-height編）Inline Layout─Frontrend Conference - HTML5 Experts

[sh19e]

https://html5experts.jp/takazudo/13339/

[tttttahiti]

“理解しておきたい、CSSによるインラインレイアウトの仕組み（vertical-align編その1）Inline Layout─Frontrend Conference”

[lequinharay]

frontrendでやってたやつ記事化されてた

[takryou79]

CSS

[khei-fuji]

気になった記事。/ 理解しておきたい、CSSによるインラインレイアウトの仕組み（font-size／line-height編）Inline Layout─Frontrend Conference -

[gayou]

ベースラインの理解が足りてないといろいろ困るので参考になる。

[rouxril]

わかりやすい

[garlicgun]

“行というのは、テキストを配置するのに必要な分だけ作られます。そして、そ”

[pirosikick]

いい。早く続き読みたい

[aoiasaba]

良記事。あとでよく読む

[sho]

これは良記事

[nffsjj]

今まで適当にやってた気がする…。

[bouzuya]

良い記事

[mano-junki]

css 使い方というよりは裏の仕組み

[wdr_s]

こういうふうに細かく理解するのはけっこう重要だと思う。

[lostman6]

分かりやすい。HTML+CSSを極めるのは「こういうタイプ」の人

[aipacommander]

よくわかる

[kagioo2uma]

ideographical baselineは恥ずかしながら初めて知った

[shibuyads]

おっさん // 理解しておきたい、CSSによるインラインレイアウトの仕組み（font-size／line-height編）Inline Layout─Frontrend Conf

[u-chan]

line-heightとか、懐かしい。最近、cssトンと触んなくなったなぁ...。

[Sire]

★★★★★

[mifio]

これは有用。ラジオボタンの位置ずれにはいつも悩まされてた

[asamon]

記事の「行内の各部名称」だけでも大変有用です

[delphinus35]

ワッフルワッフル 次回も期待

[bleu-bleut]

font-size / line-height / inline-box / baseline / vertical-align / 例えばfont-size:16px; line-height:24pxの場合、上と下のhalf-leadingにそれぞれ4pxが割り当てられる。

[msukasuka]

次回もよみたい

[inazuma2073]

css