我不明白这种溢出行为

时间:2011-09-08 15:05:31

标签: html css

...因为框(侧边栏-1)的给定宽度为180px!

为什么不......

的Het
格罗特
natuurgebeuren

而不是......

的Het
grote natuurgebeuren

看看> http://www.jeannies.nl/txp/teksten

CSS:

ul.article_list li {
color: #444;
font-size: 24px;
line-height: 1.2em;
padding-top: 7px;
padding-left: 6px; /* to line-up with site-name!  */
letter-spacing: 0;
text-transform: none;   
letter-spacing: 0;
margin-bottom: 6px;}

ul.article_list li a {
color: #444;
text-decoration: none;
border-bottom: 0px solid #999;}

ul.article_list li a:hover, ul.article_list li.active a {
color: #444;
text-decoration: none;
border-bottom: 1px solid #999;}

[编辑] 解决了...感谢大家!

2 个答案:

答案 0 :(得分:2)

您的文字中有 

Het grote natuurgebeuren

浏览器将此视为一个单词 删除它,natuurgebeuren将下降到下一行

一般情况下,在这种情况下不需要 ,因为您只有一个空格

答案 1 :(得分:0)

您可能还需要考虑查看类似word-wrap属性的内容,例如:

//This will actually break the word and wrap it
word-wrap : break-word;

<强> Word-Wrap Documentation