Chrome неправильно отображает текст - PullRequest
0 голосов
/ 05 июня 2011

Есть идеи, почему этот код отлично работает в 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>

Большое спасибо за любой вклад !!!

1 Ответ

0 голосов
/ 05 июня 2011

Использование 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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...