2015-10-13 76 views
0

在我的應用程序,如果我有這樣一個很好地縮進一塊標記:剃刀引擎用空格替換代碼中的換行符?

<div> 
     <label>FOO</label> 
     <span>BAR</span> 
    </div> 

它呈現爲FOO BAR。雖然這:

<div> 
     <label>FOO</label><span>BAR</span> 
    </div> 

呈現爲FOOBAR

我不想空間,但我要保持縮進在CSHTML文件。

回答

2

這不是Razor這樣做,它只是HTML渲染的工作原理。在瀏覽器中看看原始的HTML:

<div> 
 
    <label>FOO</label> 
 
    <span>BAR</span> 
 
</div> 
 

 
<div> 
 
    <label>FOO</label><span>BAR</span> 
 
</div>

一種方式來解決這個問題是兩個標籤和跨度浮到左:

div label { 
 
    float: left; 
 
} 
 

 
div span { 
 
    float: left; 
 
}
<div> 
 
    <label>FOO</label> 
 
    <span>BAR</span> 
 
</div>

+0

啊,所以這是內聯塊元素的怪癖?我還發現了一個有用的頁面,提供了浮動解決方案和其他一些:https://css-tricks.com/fighting-the-space-between-inline-block-elements/ – Kev