html - 拥有 P 标签不会插入其他类

Question

我确定我对这个问题的措辞很糟糕，但这是我的问题:

我正在创建一长串地毯，每 block 地毯都有图片、标题、尺寸、原价和清仓价。我将每 block 地毯都放在自己的类别中，并对其余的地毯重复这样的操作。这是该类当前的样子:

<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 )，您会发现第二行看起来比其他行稍微突出了一点，这是因为第一张地毯的标题在这一排是“Persian Tabriz Wool and Silk”，太长推了排。明明时间不长却还在推。

我该如何解决这个问题？

Answer 1

您可能想要为您的 .fleft div 设置一个特定的宽度。

如width: 200px;

或者因为您使用的是 3 列方法:width: 33%;

否则它们都会自动调整大小以适合内容...

一旦你设置了最大宽度，如果你想让文本溢出而不是换行到下一行，你可以使用 overflow: visible; 在 div 或只是在说明。