在td元素中对齐类

Question

我试图在我的论坛插件上的td元素中对齐一个p类我正在为我的CMS写作。我使用Datatables绘制论坛，并相应地设计了数据表的样式。我现在想要将p类与表数据的底部对齐，但不幸的是它不起作用。我不想将表数据中的其余数据作为旁注移动。

.votes {
vertical-align:bottom;
margin-bottom:0px;
}

<td class="content">'.htmlspecialchars_decode($row['content']).'</td><td class="details perimter">Posted On '.$row['postdate'].'
            <p class = "votes"><a href="#" data-toggle="tooltip" title="Downvote"><i class="fa fa-minus-circle"></i></a> <a href="#" data-toggle="tooltip" title="Upvote"><i class="fa fa-plus-circle"></i></a></p></td></tr>

Answer 1

  

<强>解

将以下CSS规则添加到单元格左下角的投票部分：

var re = /^((?:(?:apple|banana|mango)(?= ) ?)+) is (\d+)kg$/; // notice flags gone

'apple banana mango is 2kg'.match(re);
// ["apple banana mango is 2kg", "apple banana mango", "2"]

在td.details { position:relative; } td.details .details-container { margin-bottom:1.4em; } td.details .votes { position:absolute; left:10px; bottom:10px; margin:0; } 中包含详细信息单元格的内容，如下所示：

<div class="details-container"></div>

  

<强>样本

请参阅this jsFiddle以获取代码和演示。