Изменение размера MVC в зависимости от количества в папке

Question

Я недавно начал использовать MVC 5, я некоторое время застрял с этим , что я хочу изменить, в зависимости от того, сколько изображений в папке например
, если одно изображения максимальная ширина составляет 100%
, если максимальная ширина два изображений к 50%
, если максимальная ширина три изображения к 33%
и так далее , но я также хотел бы изображения, чтобы повторно размера в зависимости от размер страницы
Я пробовал стилизовать как

<div style="position: relative; max-width: 24%; background: White; vertical-align: top; display: inline-block; *display: inline; zoom: 1"> 
 
    <img style="margin: 10%; height: 80%; width: 80%;" src="~/Images/Example1.jpg" /> 
 
</div>

, который является большим, если используется только 4 изображения, но я хотел бы повторно размер в зависимости от того, сколько изображений используются я также попробовал цикл Еогеасп как

@foreach (var imgPath in Directory.GetFiles(Server.MapPath("~/Images/ExampleFolder"), "*.jpg")) { var img = new FileInfo(imgPath); 
 

 
<div style="position: relative; max-width: ; background: White; vertical-align: top; display: inline-block; *display: inline; zoom: 1"> 
 
    <img style="margin: 10%; height: 80%; width: 80%;" src="@Url.Content(String.Format(" ~/Images/ExampleFolder/{0} ", img.Name))" /> 
 
</div> 
 

 

 
}

Answer 1

Вы могли бы попробовать что-то вроде этого (не проверено):

@{ 
    var files = Directory.GetFiles(Server.MapPath("~/Images/ExampleFolder"), "*.jpg"); 
    if (files.Length > 0) 
    { 
     double width = 100d/(double)files.Length; 
     foreach (var imgPath in files) 
     { 
      var img = new FileInfo(imgPath); 

      <div style="position: relative; background: White; vertical-align: top; display: inline-block; *display: inline; zoom: 1"> 
       <img style="margin: 10%; height: 80%; width: @(width)%;" src="@Url.Content(String.Format(" ~/Images/ExampleFolder/{0} ", img.Name))" /> 
      </div> 


     } 
    } 
}