タグ

algorithmとCSSに関するraimon49のブックマーク (2)

  • word-breakとword-wrapはややこしい

    Updated 2015.01.13 / Published 2015.01.13 word-break:break-all;は一切の禁則処理を解除し、どの文字の間でも改行するため、単語の途中や括弧の直前・直後で折り返したり、句読点が行頭にきてしまうことなどがあることから折り返しの制御には好ましくないとされています。望ましい折り返しの制御をしてくれるword-wrap:break-word;(overflow-wrap:break-word;)の用法について紹介します。 折り返しを制御する2つのCSSプロパティ 幅の狭い領域で長い英単語や長いURLの途中で折り返しを制御できるCSSプロパティは、特にスマートフォンなどの小さなディスプレイサイズ向けへの対応を考慮してよく用いられるようになってきています。ただし、CSS3には折り返しを制御できるCSSプロパティが2つ存在し、とてもややこしいので

    word-breakとword-wrapはややこしい
    raimon49
    raimon49 2016/04/08
    word-wrap:break-word; (overflow-wrap:break-word;)が効かないケース。
  • ブラウザのしくみ: 最新ウェブブラウザの内部構造 - HTML5 Rocks

    Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrote: As a web developer, learning the internals of browser operations helps you make better decisions and k

    ブラウザのしくみ: 最新ウェブブラウザの内部構造 - HTML5 Rocks
    raimon49
    raimon49 2012/09/15
    レンダリングフロー、DOMツリーとスタイル解析、リフローの概要
  • 1