Таблица Содержание не выравнивается

Question

Содержимое таблицы HTML неправильно настроено. И я пробовал все возможные методы, которые я до сих пор не могу решить. Пожалуйста, смотрите.

          
  
 
   
 
    
.abc{ 
 
border-radius: 20px; 
 
background-color: #f2f2f2 ; 
 
padding: 20px; 
 
opacity: 0.8; 
 
margin-top: -50px; 
 
margin-left: -100px; 
 
position: fixed; 
 
top: 30%; 
 
left: 45%; 
 
} 
 

 
table { 
 
border-collapse: collapse; 
 
width: 100%; 
 
} 
 

 
th, td { 
 
text-align: left; 
 
padding: 8px; 
 

 
} 
 

 
tr:nth-child(even){background-color: #f2f2f2} 
 

 
td { 
 
background-color: #ffa64d; 
 
color: black; 
 

 
}
 
    
<h1><samp>Student Details</samp></h1> 
 
<p> <%= link_to "Add new record", new_user_path %></p> 
 
<table border=3> 
 
<tr> 
 
    <th>Firstname</th> 
 
    <th>SecondName</th> 
 
    <th>Address</th> 
 
    <th>Action</th> 
 
    </tr> 
 
<% @users.each do |user| %> 
 
<table border=3> 
 
<tr> 
 
    <td><%= user.firstname%></td> 
 
    <td><%= user.lastname%></td> 
 
    <td><%= user.address %></td> 
 
    <td><%= link_to "Delete",user,:method =>:delete, 
 
    data:{:confirm => 'Are you Sure?'} %><br><%= link_to "Edit", edit_user_path(user) %></td> 
 
</tr> 
 
</table> 
 
<% end %>
 
   
 
  
 
 

 

Answer 1

не знаю, что вы пытаетесь достичь, но от того, что я вижу из вашего кода, я думаю, что это то, что вы ищете:

vertical-align: middle; 

я надеюсь, что это помогает

Answer 2

проблемы была дополнительной <table> тега вы приведены в таблице перед определением второго Просто удалите этот дополнительный тег таблицы

.abc{ 
 
border-radius: 20px; 
 
background-color: #f2f2f2 ; 
 
padding: 20px; 
 
opacity: 0.8; 
 
margin-top: -50px; 
 
margin-left: -100px; 
 
position: fixed; 
 
top: 30%; 
 
left: 45%; 
 
} 
 

 
table { 
 
border-collapse: collapse; 
 
width: 100%; 
 
} 
 

 
th, td { 
 
text-align: left; 
 
padding: 8px; 
 

 
} 
 

 
tr:nth-child(even){background-color: #f2f2f2} 
 

 
td { 
 
background-color: #ffa64d; 
 
color: black; 
 

 
}

<h1><samp>Student Details</samp></h1> 
 
<p> <%= link_to "Add new record", new_user_path %></p> 
 
<table border=3> 
 
<tr> 
 
    <th>Firstname</th> 
 
    <th>SecondName</th> 
 
    <th>Address</th> 
 
    <th>Action</th> 
 
    </tr> 
 
<% @users.each do |user| %> 
 
<tr> 
 
    <td><%= user.firstname%></td> 
 
    <td><%= user.lastname%></td> 
 
    <td><%= user.address %></td> 
 
    <td><%= link_to "Delete",user,:method =>:delete, 
 
    data:{:confirm => 'Are you Sure?'} %><br><%= link_to "Edit", edit_user_path(user) %></td> 
 
</tr> 
 
</table> 
 
<% end %>

Answer 3

Спасибо. Решил проблему. Сменные табличные и конечные теги, которые вызывают проблему.