[解決済み] CSSで要素の前に改行を挿入する方法
2022-04-20 15:10:29
質問
CSSのcontentプロパティを使って、要素の前に改行タグを挿入する方法を見たような気がします。明らかにうまくいきません。
#restart:before { content: '<br/>'; }
でも、これってどうやるんですか?
どのように解決するのか?
を使用することで可能です。
\A
エスケープシーケンス
を、psuedo-elementの生成するコンテンツに含めることができます。
続きを読む
をCSS2仕様に追加しました。
#restart:before { content: '\A'; }
を追加する必要がある場合もあります。
white-space:pre;
に
#restart
.
をメモしておきます。
\A
は行末を表します。
p.s. もう一つの治療法として
:before { content: ' '; display: block; }
関連
-
[CSSチュートリアル]CSS動的高さ遷移のアニメーション効果の実装の
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] CSSのdisplayプロパティで遷移する
-
[解決済み] divの内容を下に揃える方法
-
[解決済み] 最初の要素にクラスを指定するCSSセレクタ
-
[解決済み] CSSコンテンツによるHTMLエンティティの追加
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[CSSチュートリアル】カットコーナー+ボーダー+プロジェクション+コンテンツ背景色のグラデーション効果を実現するCSS
-
[CSSチュートリアル】シングルセレクトの折りたたみメニュー機能を実現するCSS
-
[CSSチュートリアル】背景-位置の割合の原則の説明
-
[css3]css3はtransform-originを使用して、大きな円上のドット分布のレイアウトと回転を実現します。
-
[css3]css3は、3つの方法のサンプルコードのテキストの点滅効果を達成するために
-
[CSSチュートリアル】ピュアCSSで実装した通知バーの3種類のスクロール効果
-
[CSSチュートリアル】背景画像画面の適応的な実装を実現するCSS
-
[css3]本のページをめくるような効果を実現するcss3サンプルコード
-
[解決済み] 擬似要素の ::after または ::before の内容に改行を追加する
-
[解決済み] CSS 'content'プロパティの改行文字列?重複