レスポンシブデザインにおけるテキストのコントロール | 前編 テキストの折り返しを制御する大手ソフトウェアダウンロード販売会社、Web制作会社などで、マークアップエンジニア、プログラマ、サービス企画、ディレクターを経験。2013年、株式会社ピクセルグリッドに入社。HTML、CSS、JavaScriptなどをオールラウンドに担当。とりわけ、プログラマブルなCSSの設計、実装を得意とする。 趣味で作成したゲーム「CSS PANIC」は、JavaScriptを一切使わず、HTMLとCSSのみで実装。海外サイトで紹介されるなど話題となった。
CSSでbr要素みたいに改行する方法
サンプルコード.br::before { content: "\A" ; white-space: pre ; }デモbrというclassを作成しました。下記は対象要素の直前に改行を挿入する例です。直後に挿入するには、::beforeではなく、::afterに指定します。 <!-- このコードは編集できます。 --> <!DOCTYPE html> <html> <head> <style> .br::before { content: "\A" ; white-space: pre ; } </style> </head> <body> <p>われわれは<span class="br">宇宙人</span>だ</p> </body> </html> 備考\Aとは？"\A"は、改行を示すコードです。スタイルシートのcontentプロパティにこの値を加えると、その場所に改行が挿入されます。ち
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
