在asp.net應用程序視圖中固定元素位置

我有一個asp.net應用程序，其中我有一個樣式問題。在視圖中我有這樣的片段：在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在同一行中。那麼問題是什麼：他們爲什麼不在同一條線上？我如何修復我的代碼？

來源

2013-10-31 Lamloumi Afif

的.previous類有display: block風格，inline-block就像.next類

來源

2013-10-31 08:19:38 Hilmi

相同的結果:( –

先生，請提供的jsfiddle鏈接到你的情況 – Hilmi

http://jsfiddle.net/Lamloumi/8THyc/更換 –

在asp.net應用程序視圖中固定元素位置

回答

相關問題