Пробелы между изображениями @ Html.Image

Question

У меня есть два изображения, как это. (при условии, что код с отступом)

@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")

Как я могу это исправить? спасибо

Дополнительно: Вот два случая в качестве печатных экранов

Дело 1:

Дело 2:

Answer 1

Пока что лучшим решением кажется следующее.

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

Answer 2

Лично, и я не говорю, что вы должны использовать это решение, но попробуйте:

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>

Answer 3

Как я могу это исправить?

Это не требует каких-либо исправлений. Ни один браузер не заботится о том, есть ли пробел между вашими тегами HTML. Конечно, вы можете написать собственный помощник, который будет выводить два изображения одновременно:

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

но имхо это было бы бесполезной работой.

Может быть, пробел , о котором вы говорите, происходит из какого-то правила CSS для содержащего элемента? Может быть, установка отступа 0 и поля уберет его?