Php CSS文本以左浮动开始新行

在使用css float left命令时，我在排列元素时遇到了一点问题，它会向左浮动，并在下一行重复相同的内容，但当任何带有图像的标题较大时，下一个条目会转到下一行，并在后面留下空间，这对我来说非常烦人

这是我的CSS

#main {
    width:100%;
    margin-top:55px;
    margin-left:45px;
margin-right:35px;
}
#body {
    float:left;
    margin-left:14px;
    margin-right:24px;
    alignment-adjust:central;
    margin-top:14px;
}
#tablealign {
    text-align:center;
    margin-top:20px;
}
#text {
    color:#333;
    text-decoration:none;
    font-size:12px;
    margin-top:12px;
    text-align:center;  
}
#image{
    margin-left:5px;
    alignment-adjust:central;
        text-align:center;
} 

HTML示例代码[注意，我使用php实现此目的]

<center><div id="body"><div id="tablealign"><a href="Videos.php?ID=345"><img  id="image" src=https://i1.ytimg.com/vi/8IpPx1vdJV8/maxresdefault.jpg width=200 height=150></a></div><div id="text"><a href="Videos.php?ID=345">GTA IV Lag Fix on Windows 7 -<br />
YouTube</a></div></div></center>

看起来是这样的

您需要在css中的#文本id中添加以下内容：

max-height:30px;
overflow:hidden;

---

这是一个示例：

作为旁注，中心标记已被弃用->。该网站列出了一些备选方案欢迎你，如果还有其他问题，我在这里：）我需要你的投票