我确定我对这个问题的措辞很糟糕,但这是我的问题:
我正在创建一长串地毯,每 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”,太长推了排。明明时间不长却还在推。
我该如何解决这个问题?
最佳答案
您可能想要为您的 .fleft
div 设置一个特定的宽度。
如width: 200px;
或者因为您使用的是 3 列方法:width: 33%;
否则它们都会自动调整大小以适合内容...
一旦你设置了最大宽度,如果你想让文本溢出而不是换行到下一行,你可以使用 overflow: visible;
在 div 或只是在说明。
关于html - 拥有 P 标签不会插入其他类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30447373/