ASP .NET MVC 3 + Razor View + пробелы между элементами

Question

Рассмотрим следующий вид Razor - назовем его VIEW-1:

<h2>Index</h2>

@if (true)
{
    <img src="/Content/images/black_square.png" alt="Black Square" />
}

<img src="/Content/images/black_square.png" alt="Black Square" />

Когда я загружаю VIEW-1 в Internet Explorer 8 или Mozilla Firefox 9.0.1, два изображения «черного квадрата» разделяются пробелом.
Но я не хочу, чтобы эти два изображения были разделены.

Теперь рассмотрим следующий вид Razor - назовем его VIEW-2:

<h2>Index</h2>

<img src="/Content/images/black_square.png" alt="Black Square" /><img src="/Content/images/black_square.png" alt="Black Square" />

Когда я загружаю VIEW-1 в Internet Explorer 8 или Mozilla Firefox 9.0.1, два изображения «черного квадрата» не разделяются пробелом.

VIEW-1 и VIEW-2 являются примерами представлений.
Факт «разделенных изображений» - небольшая проблема в одном из моих проектов ASP .NET MVC 3.
Я не могу записать все свои элементы изображения в одну строку, потому что некоторые из них зависят от операторов условия и операторов цикла.

Есть ли способ получить элементы изображения, не разделенные пробелом, даже если они не записаны в одной строке?

Answer 1

Вы можете попробовать использовать CSS:

<div class="pictures">
    @if (true)
    {
        <img src="/Content/images/black_square.png" alt="Black Square" />
    }
    <img src="/Content/images/black_square.png" alt="Black Square" />
</div>

и затем:

.pictures img {
    float: left;
}

1007 *

Answer 2

Удивительно, но Razor позволяет вам сделать это:

<h2>Index</h2>

@if (true)
{
    <img src="/Content/images/black_square.png" alt="Black Square" />}<img src="/Content/images/black_square.png" alt="Black Square" />

... хотя всякий раз, когда я это делаю, я добавляю извиняющийся комментарий, объясняющий, почему я это сделал.

Answer 3

Вы можете решить эту проблему, вставив изображения в таблицу из 1 строки и 1 ячейки:

<table>
@if (true)
{
    <img src="/Content/images/black_square.png" alt="Black Square" />
}

<img src="/Content/images/black_square.png" alt="Black Square" />
</table>