Question

我有一个页面标题列表，我希望在它们旁边显示一个字体真棒符号。

<div>
    <ul class="form-navigation">
        <li ng-repeat="..."
            ng-click="...">
            <div>
                <a href="">{{QuestionGroup.Title}}</a>
                <span class="pull-right fa fa-exclamation-triangle" style="color: red;"></span>
            </div>
        </li>
    </ul>
</div>

我希望文本垂直居中，FA符号水平和垂直居中。我尝试了各种不同的东西，将它们放在不同的div中并应用各种风格，但我无法工作。

符号是最大的问题，因为我可以通过在顶部/底部添加填充来居中它，但因为我的页面标题具有随机长度，它们可能占用超过1行，导致div的大小不同。

Answer 1

使用表格正确对齐

<div>
    <tr>
        <td>
            <a href="">This is lol</a>
         <td>
         <td>
             <span class="fa fa-exclamation-triangle" style="color: red;"></span>
         <td>
     </tr>
</div>

CSS：使用自定义高度将div中的两个元素居中

1 个答案: