2010-11-27 13 views
7

ceci est mon code:comment faire " " word-wrap sur le chrome

<div id="a" style="position:absolute;top:300px;width:100px;height:100px;background:red;color:black;word-wrap:break-word;"> 
    <div id='a2' contenteditable=true > 
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    </div> 
</div> 

ce mot-wrap de code dans firefox, mais en chrome je ne peux pas mot-wrap,

alors comment faire &nbsp; word-wrap sur le chrome?

grâce

+13

« nbsp » signifie « espace insécable », donc il semble que vous essayez de souffler et aspirer en même temps. Pourriez-vous décrire le problème que vous tentez de résoudre? – wlangstroth

Répondre

8

&nbsp; crée un non-breaking space. Le but d'un espace insécable est de fournir un espace, sans compter comme un endroit pour casser une ligne. (Par conséquent, les espaces normaux sont.)

Par conséquent, vous ne pouvez pas faire de retour à la ligne, car ils sont conçus pour ne pas le faire. Si vous voulez un mot-emballage, utilisez des espaces normaux.

+0

Oui, sauf que ' ' a plus d'une fonction. Il permet également d'avoir plus d'un espace dans une rangée, dans des endroits où la propriété 'white-space' réduit sinon plusieurs espaces en un seul. L'incapacité forcée de casser le débordement n'est pas quelque chose que je peux appeler la fonctionnalité désirée et qui aurait dû être configurable. Ce n'est pas dirigé vers vous, mais puisque vous êtes tellement sur "il devrait être de cette façon", ici, avoir un point de vue différent. –

8

Vous les faire retour à la ligne comme ceci:

&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> 
+0

Cela a fonctionné pour moi. –