ASP .NET MVC 3周+ Razor視圖+元素

之間的間隔考慮以下Razor視圖 - 我們稱之爲視角1：ASP .NET MVC 3周+ 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" />

當我視角1加載到Internet Explorer 8或Mozilla Firefox 9.0 .1兩個「黑色正方形」圖像用空格分開。
但我不希望兩個圖像分開。

現在考慮下面的Razor視圖 - 我們稱之爲視角2：

<h2>Index</h2> 

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

當我加載視圖-1在Internet Explorer 8或Mozilla Firefox 9.0.1兩個「黑方」圖像沒有被空格隔開。

VIEW-1和VIEW-2是示例視圖。
「分離的圖像」事實是我的一個ASP .NET MVC 3項目中的一個小問題。
我不能在一行寫所有的圖像元素，因爲它們中的一些依賴於條件語句和循環語句。

有沒有辦法讓圖像元素不被空格分隔，即使它們沒有寫在同一行上？

來源

2012-02-17 user1139666

您可以使用幫助器方法來生成img元素 – Yorgo 2012-02-17 08:31:27

以下是對Stackoverflow的相同問題，並帶有一個可接受的答案：http://stackoverflow.com/questions/2628050/ignore-whitespace-in-html – Pbirkoff 2012-02-17 08:34:04

你可以嘗試使用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; 
}

來源

2012-02-17 08:30:54

+1。使用CSS來微調您的圖像位置。比搞亂代碼容易得多。 – Graham 2013-04-02 13:15:40

-1

您可以將圖像插入一個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>

來源

2012-02-17 08:57:09

你忘了'tr'和'td'。儘管如此，仍然會有空間。 – jgauffin 2012-02-17 08:59:20

用於表示表格。爲了對齊，有CSS。 – 2012-02-17 09:00:53

令人驚訝的是，剃刀讓你這樣做：

<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" />

...雖然，每當我這樣做，我想補充一個歉意的評論附近解釋爲什麼我已經做到了。

來源

2013-04-02 13:07:16 teedyay

相關問題

ASP .NET MVC 3周+ Razor視圖+元素

回答

相關問題