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

感谢。解决了这个问题。导致问题的移位表和结束标记。

Answer 2

不知道你想要实现的目标，但从我从你的代码中看到的，我认为这就是你要找的东西：

vertical-align: middle;

我希望这有帮助

表内容未达成一致

2 个答案: