Chrome浏览器无法正常显示文字

Question

关于为什么此代码能够在Firefox中完美工作的任何想法（也就是说，如果文字的宽度超过了它的宽度），但在Chrome中不起作用？ （例如文本一直要到右）

的CSS：

#leftnav { 
width: 18%; 
float: left; 
background-color: #fff; 
margin: 15px 0 0 0; 
margin-left: 5px; 
border: 1px solid #ddd; 
padding: 5px 5px 30px 5px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px; 
} 
#leftnav h2 { 
font: normal 17px "Geneva", Helvetica, Arial, Tahoma, Verdana; 
letter-spacing: 0px; 
color: #ff4800; 
margin: 20px 0 5px 10px; 
} 

的PHP/HTML：

<h2> 
<a href="index.php?site=<?php echo urlencode($value);?>"><?php echo $value;?></a> 
</h2> 

非常感谢你对任何输入！

Answer 1

使用word-wrap: break-word：

#leftnav h2 { 
font: normal 17px "Geneva", Helvetica, Arial, Tahoma, Verdana; 
letter-spacing: 0px; 
color: #ff4800; 
margin: 20px 0 5px 10px; 
word-wrap: break-word; 
} 

http://jsfiddle.net/7nruR/2/

http://webdesignerwall.com/tutorials/word-wrap-force-text-to-wrap