Category
Archives
Cocotiie
2006年:Web制作に関する覚書きブログをはじめる。

2018年:Cocotiie(ココッティー)・・・ここちいい(笑)として運営開始。

Trial And Errorの精神で勉強中です。少しでも誰かの助けになれれば嬉しいです。宜しくお願い致します。
テーマをSWELLにしてリニューアルしましたSWELLについて

[CSS] CSSで改行する、しない

レスポンシブデザインで、デバイスによって改行させたい、改行させたくないという場合があると思います。そんな時は、CSSで制御する事が出来ます。@media screenでデバイスのサイズを指定すれば振り分ける事が出来ます。

※何だか似たような記事を書いていました。

INDEX

CSSで改行させる場合

htmlに<br>を書かずに、CSSで改行させる場合。

例題:「CSSでbrを使わずに改行する」を「CSSで」で改行させるとします。

<h2>CSSで<span class="kaigyo">brを使わずに改行する</h2>
@media screen・・・・・・任意{
.kaigyo::before {
   content: "\A" ;
   white-space: pre ;
}
}

CSSで改行させない場合

htmlの<br>をCSSで消して、改行させない方法も。

例題:「CSSで改行する」を「CSSで」で改行させず、一行にします。

<h2 class="cancel">CSSで<br>改行する</h2>
@cocotiiemedia screen・・・・・・任意{
  .cancel br {
    display: none;
  }
}

単純に改行させない場合

.class  { white-space: nowrap;}
よかったらシェアお願いします

コメント

コメントする

INDEX
閉じる