Css 修复缩略图溢出

我一直试图让溢出的文本转到新的一行，但没有用。 在中，缩略图标题设置为“溢出：隐藏”：

---

我已经读到，如果设置了元素的宽度，它将自动包装自己。。但是缩略图标题已经设置为280px。我把它改为最大宽度，但什么也没发生。我还尝试添加“wordwrap:breakword”（CSS3），但没有效果。有什么想法吗？

删除

空白：nowrap防止文本转到新行

这两个选择器具有
nowrap
，需要将其删除：
.thumb\u title
和
.thumb\u title a

修复此问题也将更改布局。我建议：

.index .module {
  display: inline-block;
  vertical-align: top;
  /* remove float: left */
}

几乎没有什么事情可以阻止包裹的发生

此处css发生了变化：

.thumb_title a {
    color:#333333;
    line-height:18px;
    /*overflow:hidden;*/
    text-decoration:none;
    /*white-space:nowrap;*/
}

.index .thumb_title a:hover {
    background:none;
    text-decoration:underline;
}

.thumb_title {
    /*overflow:hidden;*/
    padding-top:2px;
    /*white-space:nowrap;*/
    width:280px;
    font-size:11px;
    font-weight:bold;
} 

但是，浮动语句还有一个问题，下一幅图像将右移。
谢谢您的回复。我照你说的做了，但我还有别的事要做吗？溢出的文本仍然不会进入下一行，请查看带有火箭图像的缩略图（第一列，第二行）。。未显示完整标题。@Omar我删除了
nowrap
（请参见我的答案），并显示了完整标题。然后我用
内联块
而不是
浮点
修复了您的布局。很抱歉，我没有注意到这一点。另一个愚蠢的问题：如何增加每个缩略图下方的垂直空间？它们彼此太近了。@Omar padding或margin。这个“内联块”在哪里？谢谢你的回复Yoann，我感谢你的澄清：）
.thumb_title a {
    color:#333333;
    line-height:18px;
    /*overflow:hidden;*/
    text-decoration:none;
    /*white-space:nowrap;*/
}

.index .thumb_title a:hover {
    background:none;
    text-decoration:underline;
}

.thumb_title {
    /*overflow:hidden;*/
    padding-top:2px;
    /*white-space:nowrap;*/
    width:280px;
    font-size:11px;
    font-weight:bold;
}