My Vector Space

  人生は寄り道してなんぼ

CSSだけで改行する方法

 

とあるプラグインを設定した際、どうしてもブラウザ表示で改行させたい部分があり困っていました。

とくに致命的な問題ではないですが、やはり見やすさ レイアウトを考えるとだいぶ印象が違ってくるので、どうしても直したい部分です。CSSはいじれるがhtmlがいじれない!!そんな状況の際はこの記述。

 

対象(セレクタ)としているタグの後方で改行する場合

 【 CSS 】
 1
  .sample:after{
 2
  content: "\A";
 3
  white-space: pre;
 4
  }

   

対象(セレクタ)としているタグの前方で改行する場合

 【 CSS 】
 1
  .sample:before{
 2
  content: "\A";
 3
  white-space: pre;
 4
  }

    

参考サイト   http://devslog.com/article/20120920210627.html#header

PAGE TOP