asp.net 응용 프로그램보기에서 고정 요소 위치

Question

나는 스타일 문제가있는 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 */ 

} 

하지만 :

링크 demo

두 링크 ar 같은 줄에 있지 마라. 문제는 무엇입니까? 왜 그들은 같은 노선에 있지 않습니까? 코드를 수정하려면 어떻게해야합니까?

Answer 1

.previous 클래스는 display: block 스타일,