1. 首頁
  2. 問答
  3. 圖像之間的空格@ Html.Image

圖像之間的空格@ Html.Image

2011-07-13 70 views
0

我有兩個像這樣的圖像。 （授予代碼縮進）圖像之間的空格@ Html.Image

@Html.Image("/Images/icons/arrow-up.gif", "up") 
@Html.Image("/Images/icons/arrow-down.gif", "up")

圖像之間有一個空格。

我，而不是必須寫一個事務所線，以避免圖像之間的差距，我覺得這不是很可讀：

@Html.Image("/Images/icons/arrow-up.gif", "up")@Html.Image("/Images/icons/arrow-down.gif", "up")

我該如何解決這個問題？感謝

附加：這裏有兩種情況printscreens

情況1：

enter image description here

enter image description here

情況2：

enter image description here enter image description here

來源

2011-07-13 Valamas - AUS

回答

1

到目前爲止最好的解決方案似乎是這樣的。

@{ 
    @Html.Image("/Id/Images/icons/arrow-up.gif", "up") 
    @Html.Image("/Id/Images/icons/arrow-down.gif", "up") 
}

來源

2011-07-14 00:10:48

0

我該如何解決這個問題？

這不需要任何修復。瀏覽器不關心你的HTML標籤之間是否有空格。你當然可以寫一個定製的幫手，一次輸出兩個圖像：

@Html.MyImages("/Images/icons/arrow-up.gif", "/Images/icons/arrow-down.gif")

但恕我直言，這將是無用的工作。

也許空間你說的是來自某個包含元素的CSS規則？也許設置0填充和餘量會將其刪除？

來源

2011-07-13 22:43:12

+0

我增加了一些截圖。 –

+0

如果遇到換行符或其他空格，大多數瀏覽器會自動在元素之間添加一個小間隙。例如，錨標籤和按鈕就是這樣做的。 – rossisdead

0

本人來說，我不是說你應該使用這個解決方案，但嘗試：

ul#Test li {float:left;list-style-type:none;} 
ul#Test li img {border:none; padding:0; margin:0}

然後用一些CSS：

<ul id="Test"> 
    <li>@Html.Image("/Images/icons/arrow-up.gif", "up")</li> 
    <li>@Html.Image("/Images/icons/arrow-down.gif", "up")</li> 
</ul>

來源

2011-07-14 05:54:51 xqwzid

相關問題

 相關問題