我敢肯定我对这个问题的措辞很差，但这是我的问题：
我正在创建一长串地毯，每个地毯都有一个图片，标题，尺寸，原始价格和清关价格。我将每个地毯都放在自己的班级中，其余的地毯都重复过这样的操作。这是该类当前的样子：
<div class="fLeft">
<img src="rug_index_package/rugs/O_5.jpg"/>
<p>Tabriz Wool and Silk</p>
<p>11.8m up to 20m</p>
<br>
<p>Original Price: $00.00</p>
<span>Clearance Price: $00.00</span>
</div>
以及该类的CSS：
.fLeft{
padding: 26px;
float: left;
line-height: 7px;
}
.fLeft img{
width: 150px;
height: 150px
}
如果您浏览网站（Website），您会发现第二行与其他行相比看起来有点挤了，这是因为该行第一块地毯的标题是“波斯语”大不里士的羊毛和丝绸”，它太长了，推着排。显然，它还不算太长，但仍在继续。
我该如何解决？
您可能需要为.fleftdiv设置特定的宽度。
如 width: 200px;
或者由于您使用的是3列方法： width: 33%;
否则，它们都会自动调整大小以适合内容...
设置最大宽度后，如果希望文本溢出而不是换行到下一行，则可以overflow: visible;在div上或仅在描述上使用。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句