0

我有一个 asp.net 应用程序，其中存在样式问题。在一个视图中，我有这个片段：

 @if (Model[0] > 5)
     {
         @Html.ActionLink("<<<<", "Projects_Management", new { inc = Model[0] - 5 }, new {@class="previous"})
     }

     @if (Model[0] < 5 * Model[2])
     {
     @Html.ActionLink(">>>>", "Projects_Management", new { inc = Model[0] + 5 }, new {@class="nextIcon"})
     }

CSS _

.previous
{
     margin-left:10px;
     background: url('../images/previousIcon.png') no-repeat border-box right;
     display: block;
     width: 150px;
     height: 50px;
     text-indent: -9999px; /* hides the link text */
}
.nextIcon
{

        margin-left:80%;
     background: url('../images/nextIcon.png') no-repeat border-box right;
     display: inline-block;
     width: 150px;
     height: 50px;
     text-indent: -9999px; /* hides the link text */

}

但我有这个结果：

图片

链接演示

这两个链接不在同一行。那么问题是什么：为什么它们不在同一条线上？我怎样才能修复我的代码？

4

1 回答 1

1

该类.previous具有display: block样式，将其替换为inline-block就像.next类一样

于 2013-10-31T08:19:38.810 回答