・keep-all
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
I am a lone cat. There is no name yet.I can not get the idea where I was born. Everything remembers only those who were crying Nyana at a damp and damp place.
・normal
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
I am a lone cat. There is no name yet.I can not get the idea where I was born. Everything remembers only those who were crying Nyana at a damp and damp place.
・break-all
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
I am a lone cat. There is no name yet.I can not get the idea where I was born. Everything remembers only those who were crying Nyana at a damp and damp place.

文章中では改行をしていない。

日本語と英語との切れ目でだけ改行している。


・keep-all は、chromeの場合は日本語であっても文章の切れ目で改行される。しかしFireFox、IE11、Edgeの場合は改行されず、枠外に飛び出している。ブラウザによって解釈が違うようだ。


・break-all は、英単語の途中でも改行されている。


.comi img {
  float: left;
  background-color: #6495ed;
  margin: 10px;
  padding: 5px;
  border: 5px solid #4169e1;
}

img.mico {
  float: left;
  background-color: #6495ed;
  margin: 10px;
  padding: 5px;
  border: 5px solid #4169e1;
}

<div class="comi">
  <img src="img/denkikaiden100px.gif" width="100" height="100" alt="image">
</div>

  <img class="mico" src="img/denkikaiden100px.gif" width="100" height="100" alt="image">

  <img class="comi" src="img/denkikaiden100px.gif" width="100" height="100" alt="image">




親ページへ戻る