半角スペースを表示したいなら ではなくwhite-space: pre;を使いましょうという話 - Qiita

2024/03/17 7 users HTML 特殊文字 Qiita pre 複数

はじめに 連続する複数の半角スペースは1つにまとめられたり、先頭末尾の半角スペースは省略される これははじめてHTMLに触れた人が戸惑う部分だと思います。 ではその半角スペース分の空白をどのようにして表示すればいいのかと調べれば、 などの特殊文字を紹介する記事が数多くヒットします。 HTMLでの半角スペー... 続きを読む

MVC is dead, it's time to MOVE on.

2012/07/02 464 users MVC is dead Georgia pre code

MVC is dead, it's time to MOVE on. body{ font-family: 'Liberation Serif', 'Georgia'; background: #FFE; } code { white-space: pre; } article{ -moz-column-width: 60ex; -moz-column-gap: 4em; -moz-column-... 続きを読む

Lea Verouのフレシキブルな複数行定義リスト - Weblog - hail2u.net

2012/05/24 20 users pre float 改行 ウロコ テクニック

Lea Verouの編み出したフレキシブルな複数行定義リストは目からウロコだった。このテクニックを知るまではfloatを使うと長い時(コンテンツ幅に収まらない時)に途中で改行とかうまくできないけどまぁしょうがないか……みたいな感じで我慢していた。LF (やCR)を擬似要素経由で挿入してwhite-space: preで改行させてしまうというのは頭良い。ただ複数のdd要素を持つケースにはうまく対応で... 続きを読む