我有 2 个 div 并排 float 。
左边的div是零件号,只有一行。右边的div是产品描述,可以有多行。
当右侧 div 增长到 2 行或更多行时,如何垂直对齐左侧 div 文本。
这是代码。
<td>
<div class="prodNumber left partNumSizexSmall">
<a href="link" style="color:blue;text-decoration:underline;"><b>PartNum</b></a>
</div>
<div class="prodDesc xsmallDesc left">
ProductDescription1
</div>
</td>
这是CSS
.left {
float: left;
}
.prodNumber {
}
.prodDesc {
padding-left: 8px;
padding-right: 8px;
}
.partNumSizexSmall {
min-width: 50px;
}
.xsmallDesc {
max-width: 550px;
}
最佳答案
用表格代替div
<td>
<table>
<tr>
<td class="prodNumber left partNumSizexSmall">
<a href="link" style="color: blue; text-decoration: underline;"><b>PartNum</b></a>
</td>
<td class="prodDesc xsmallDesc left">
ProductDescription1 ProductDescription1 ProductDescription1 ProductDescription1
ProductDescription1 ProductDescription1 ProductDescription1 ProductDescription1
Product Description1 Product Description1 Product Description1 Product Description1
</td>
</tr>
</table>
</td>
关于javascript - 如何垂直对齐div文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21685865/