html - 在 mvc 中调整 actionlink 按钮的大小时遇到​​问题

Question

我似乎无法使用自定义 CSS 更改此操作链接。当我使用 Bootstrap 时，它工作正常。但是我需要给它添加很多习俗。不确定我在这里做错了什么。

HTML

@foreach (var item in Model) {                            
    <div id="yasin03" class="card">

        <div class="pull-right btnDelete">
            @Html.ActionLink(HttpUtility.HtmlDecode("&#x1F5D1;"), "Delete", new { id = item.BulletinId})
        </div>

        <div class="card-body">
            <h5 class="card-title">@Html.Raw(@item.BulletinCategoryEnum)</h5>
            <h6 class="card-subtitle mb-2 text-muted">@item.BulletinDate.ToString("MM-dd-yyyy")</h6>
            <p class="card-text">@Html.Raw(@item.BulletinBody)</p>
        </div>
    </div>
}

CSS:

.btnDelete {
    width: 40px;
}

Answer 1

它不受 css 的影响，因为您只设置了包装按钮的 div 的宽度。要使您的链接为 40px，请将其宽度设置为 100%，以便它填充 div。您还可以为链接提供一个唯一的 ID，或者在 foreach 中使用一个类可能更简单，并将其宽度设置为 40px。