테이블 내용이 정렬되지 않음

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

감사합니다. 문제가 해결되었습니다. 문제를 일으키는 표 및 종료 태그를 이동했습니다.