Question

现在的问题是X锚点位于div内，我希望它位于div之外并靠近div。图像就是现在的样子。这是我尝试过的，任何建议或帮助都很好。

    <div class="row align-items-center no-gutters mb-3">
    <div class="col">
        <div class="risk-container card d-flex flex-row justify-content-between shadow-sm px-3 py-2 mr-2">
            <div class="risk risk-{{ risk.level }}" data-id="{{risk.id}}" data-level="{{ risk.level }}" data-toggle="modal" data-target="#risk-edit">
                <p class="risk-description"><i class="fas fa-{{ ['bug', 'exclamation-triangle', 'fire'][risk.level] }}"></i> <span class="risk-description-value">{{ risk.description }}</span></p>
                <p class="risk-measure">{{ risk.measure ?: 'Ingen åtgärd registrerad' }}</p>
            </div>
            <a href="#" class="risk-remove text-danger p-2"><i class="fas fa-times"></i></a>
        </div>
    </div>
</div>

In the picture you can se how it looks now

Answer 1

尝试将您的X锚放置在其他<div class="col">中。如果这样不能解决问题，您可以在帖子中添加可复制的示例吗？

试图让十字架在外面但在div旁边

1 个答案: