无法在MVC中调整ActionLink按钮的大小

时间:2018-11-06 22:03:14

标签: html css model-view-controller

我似乎无法使用自定义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;
}

2 个答案:

答案 0 :(得分:1)

它不受CSS影响,因为您只需设置包裹按钮的div的宽度。若要使您的链接为40px,请为其设置100%的宽度,以使其填充div。您还可以为链接指定一个唯一的ID,否则在foreach中创建一个类可能会更容易,并将其宽度设置为40px。

答案 1 :(得分:0)

该按钮并没有真正消失,但这将帮助您完成任务并存档目标,同时检查https://www.w3schools.com/css/css3_buttons.asp,希望这是您的期望,否则我将无法理解问题

<div class="pull-right btnDelete">Button</div>
OBJECT IDENTIFIER 1.2.840.113549.1.9.5 signingTime (PKCS #9)
    SET (1 elem)
        UTCTime 2018-10-04 09:26:11 UTC