在Angular 6 Card Botton-Center边框上添加图像/徽章

Question

我目前正在使用Angular 6开发搜索面板，我希望在卡片底部中心边框上有一个“箭头”图像或徽章，该图像或徽章将用于切换显示/隐藏搜索面板。所需的输出显示在下，任何人都可以建议我如何实现输出。

{{1}}

Answer 1

您可以使用CSS这样放置按钮。

    <div class="card" style="position:relative;overflow:initial;">
        <div class="card-title">
            title
        </div>
        <div class="card-content">
            content
        </div>
        <!-- button code -->
        <div style="position:absolute;text-align:center;width:100%;bottom:-10px;">button icon</div>
    </div>