ASP.NET MVC Razor espacios en blanco adicionales representados

Question

En Asp.net MVC, Razor inserta espacio adicional entre los bloques de texto. Quiero hacer una lista de esta manera: "1, 2, 3", pero obtener "1, 2, 3".

@for (int i = 1; i < 3; i++) 
{ 
    <text>@i</text> 
    if (i != 2) 
    { 
    <text>, </text> 
    } 
} 

¿Hay alguna forma de eliminar el espacio en blanco adicional?

Answer 1

Quiero hacer una lista de esta manera: "1, 2, 3"

rápida y sucia:

@string.Join(", ", Enumerable.Range(1, 3)) 

Obviamente un ayudante costumbre parece más apropiado a la tarea de dar formato a algo en la vista:

public static class HtmlExtensions 
{ 
    public static IHtmlString FormatList(this HtmlHelper html, IEnumerable<int> list) 
    { 
     return MvcHtmlString.Create(string.Join(", ", list)); 
    } 
} 

y luego simplemente:

@Html.FormatList(Model.MyList) 

Answer 2

En lugar de escribir bits de texto en diferentes lugares cada vez que pasa el ciclo, puede acumular todo el texto en un StringBuilder, luego fuera del ciclo hacer @stringBuilderObject.ToString().

Answer 3

Podría suponer que no es un problema de Razor, sino que el elemento se representa con algunas marcas.

1. Abra FireBug (o Chrome o lo que sea) y vea que realmente es un problema de marcado.
2. En ti CSS archivo intenta agregar

texto {margin: 0}

Answer 4

El problema es con la fuente que se genera. Cuando nos fijamos en la fuente real que se obtiene:

 
    1 
    , 
    2 
    , 
    3 

Como se puede ver que hay una gran cantidad de espacio en blanco en la que hay navegadores colapso a un solo espacio (mirar el definition for normal).

El uso de un StringBuilder o string.Join es la manera de solucionar esto si todo lo que hace es sacar estos tres números. Pero si está tratando de hacer otra cosa y este es un ejemplo simplificado, entonces see this blog post para una forma de hacerlo usando ol/ul y li s.

Answer 5

Usted está viendo el espacio en blanco extra entre el número y la coma debido a que su plantilla de maquinilla de afeitar incluye un salto de línea (que se muestra como un espacio en blanco en el navegador) entre el número y la coma:

@for (int i = 1; i < 3; i++) 
{ 
    <text>@i</text> >LINE BREAK HERE< 
    if (i != 2) 
    { 
    <text>, </text> 
    } 
} 

me gusta Darin's answer , y yo sugeriría eliminar su bucle y reemplazarlo con una declaración más declarativa, pero si no quiere ir tan lejos, intente al menos eliminar el salto de línea:

@for (int i = 1; i < 3; i++) 
{ 
    <text>@i</text>if (i != 2){<text>, </text>} 
}