一段不破线

时间:2010-10-13 05:47:00

标签: html css

我可能很遗憾soemthing非常简单,但以下是在我的rails应用程序中发布的评论,如果内容太长..那么它不会自动换行,并且会溢出到页面上。

段落的内容是由Redcloth生成的,虽然这个特殊段落不包含任何纺织品标记,但我怀疑最终结果与纺织品有什么关系。我可能在某处遗漏了一个非常基本的css属性。

<div class="comment append-bottom ui-widget-content normal-pad" id="comment">



<div class="user-image right-mar-small go-left" id="user_image"><a href="/users/user9"><img src="/assets/images/users/14/small.jpg?1285884662" class="profile-image" alt="avatar"></a></div>

    <div >
      <p >really really long paragraph ksdjfklajdskfjsdaklfjlaksdjflkdjsafkljasdfkljasdklfjs;lafj;klajsdf;kljdsakfljsa;ldkfjldaksjfklasjdf;kljadsfkljsad;kfjsa;ldkfj;adksljf;lkadjsfk;lajsdf;lkjsad;fkjads;lkfj;ladksjf;lkasdjf;lkdjas;flkjads;lkfjs;adklfj;ladkjf;lkdajsf;klsajdf;lksjadf;lkjsad;kfjsa;ldkfj;kladsjflkdsajfkljdask;lfjkldasjflk;ajdsflkadsjflkjdflkjadslk;fj;ldksajf;lkasdjf;lkjadsfk;ljads;klfjdask;lfj;ladkjf;lasdjf;</p>
    </div>
    <div id="" class="prepend-top">


      <span>Like </span>  
    </div>

</div>

1 个答案:

答案 0 :(得分:1)

原因是长字中没有任何空格字符。尝试第3条评论中提到的解决方案。

How to prevent long words from breaking my div?