2016-04-14 9 views
0

Sütunları css kullanarak yatay olarak yerleştirme. CSS sütunu yerleştirme

nasıl olmalıdır:

enter image description here

<table> 
 
    <tbody> 
 
    <tr> 
 
    <td> 
 
     First element column 1 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td> 
 
     Second element column 1 
 
    </td> 
 
    </tr> 
 

 
    <tr> 
 
    <td> 
 
     First element column 2 
 
    </td> 
 
    <td> 
 
     First element column 3 
 
    </td> 
 
    </tr> 
 

 
    <tr> 
 
    <td> 
 
     Second element column 2 
 
    </td> 
 
    <td> 
 
     Second element column 3 
 
    </td> 
 
    </tr> 
 
    </tbody> 
 
</table>

tüm etiketler ürünüdür çünkü işaretlemeyi değiştiremezsiniz

:

@foreach(var computer in department.Computers) 
{ 
    <tr > 
     <td> 
       @computer.ID 
     </td> 
    </tr> 
} 

@foreach (var employee in department.Employees) 
{ 
    <tr> 
     <td> 
      @employee.Text 
     </td> 
     <td> 
      @employee.Number 
     </td> 
    </tr> 
} 
+0

gibi

<tr > @foreach(var computer in department.Computers) { <td> @computer.ID </td> @foreach (var employee in department.Employees) { <td> @employee.Text </td> <td> @employee.Number </td> } } </tr> 

şey Belki Bootstrap bölümü tablo (http://getbootstrap.com/components/#panels-tables) de kullanabilir. Col-md-X'e (X'in bir sayı olduğu) bir bakın. Eğer bootstrap kullanmak istemiyorsanız, derslere bir göz atabilir ve tam olarak istediğiniz şeyi alabilirsin. – Delphine

+0

tr İç tablo etiketinden önce div yerleştiremiyorum. Bu ana problem. Görsel stüdyo izin vermez. – A191919

+1

Anlamadığım bir şey - neden işaretlemeyi değiştiremiyorsunuz? Otojen mi? –

cevap

0

<table> 
 
     <tbody> 
 
       <tr> 
 
        <td> 
 
          First element column 1 
 
        </td> 
 
       
 
       <td> 
 
         First element column 2 
 
       </td> 
 
      
 
        <td> 
 
         First element column 3 
 
        </td> 
 
        
 
       </tr> 
 

 
      <tr> 
 
<td> 
 
         Second element column 1 
 
        </td> 
 
       <td> 
 
        Second element column 2 
 
       </td> 
 
       <td> 
 
        Second element column 3 
 
       </td> 
 
      </tr> 
 
     </tbody> 
 
    </table>

0

Sen </tr> ilk değiştirmeniz gerekir ve foreach sınırları ikinci koydu. Bu