在 mvc 中调整 actionlink 按钮的大小时遇到问题答案

【问题标题】：Having trouble resizing an actionlink button in mvc在 mvc 中调整 actionlink 按钮的大小时遇到问题
【发布时间】：2018-11-06 22:03:13
【问题描述】：

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

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;
}

【问题讨论】：

也不确定你做错了什么，主要是因为我不知道出了什么问题:)。现在，您的代码似乎有一个 40 像素宽的 div，它包含一个链接。你还需要什么？此外，如果您提供了由该代码呈现的 HTML，将会很有帮助。最后，请注意，文档的 ID 必须是唯一的：因为您在 foreach 中有一个 id，所以它不是唯一的。
是的，所以我希望该链接的宽度为 40 像素，但不受 CSS 的影响。我的 CSS 不适用于链接。我马上添加图片

标签： html css model-view-controller

【解决方案1】：

它不受 css 的影响，因为您只设置了包裹按钮的 div 的宽度。为了让你的链接为 40px，给它一个 100% 的宽度，这样它就可以填满 div。你也可以给链接一个唯一的 id，或者一个类在 foreach 中可能更容易，并将它的宽度设置为 40px。

【讨论】：

【解决方案2】：

按钮并没有真正消失，但这将帮助您完成归档目标的任务，还请查看https://www.w3schools.com/css/css3_buttons.asp 我希望这就是您要寻找的东西，否则我不明白这个问题

.btnDelete {
    margin: 5px;
    background-color: black;
    color: orangered;
    border-radius: 2px;
}
.btnDelete:hover {
background-color: white;
color: white;
}

&lt;div class="pull-right btnDelete"&gt;Button&lt;/div&gt;

【讨论】：