Comment faire pour que le texte se brise en phrases?

Question

Je construis un site responsive. En raison du fait que le CSS a une gamme entre 320 et 480px, j'ai un problème que le texte se brise à des mots simples et non à des phrases. Je ne suis pas sûr si cela peut être accompli avec CSS. Je suppose que javascript sera nécessaire.

Je vais essayer de schématiser ce qui se passe:

Il casse à chaque mot.

------------------------------------------- 
| phrase one bla bla bla > phrase two bla |   
| bla > phrase three bla     | 
------------------------------------------- 

Ce dont j'ai besoin, c'est de rompre après chaque phrase. Je veux qu'il ressemble à ceci:

------------------------------------------- 
| phrase one bla bla bla     |   
| phrase two bla bla > phrase three bla | 
------------------------------------------- 

J'ai inclus un symbole ">" entre les phrases. Ce serait aussi génial si le symbole serait éliminé s'il était à la fin de la ligne.

Answer 1

Dans votre code HTML, dans chaque phrase, remplacer les espaces avec l'entité HTML   (qui signifie Espace de non-rupture):

phrase one bla bla bla phrase two bla bla phrase three bla 

Les espaces soient les phrases d'interpolation devraient être des espaces ordinaires (de rupture).

Answer 2

Ce dont vous avez besoin est une balise HTML appelée break.

<br> 

votre solution peut ressembler à ceci:

<p>phrase one bla bla bla 
    <br>phrase two bla bla 
    <br>phrase three bla.</p> 

plus d'info ici: http://www.w3schools.com/tags/tag_br.asp