html - 将两个 rails link_to 按钮居中并排放置

Question

我有两个使用 rails 创建的按钮 link_to助手:

<% if !@prev_task.nil? %>
  <p style="text-align:center;"><%= link_to "PREVIOUS TASK", [@prev_task.project, @prev_task], class: "btn btn-round color3" %>
<% end %>
<% if !@next_task.nil? %>
  <%= link_to "NEXT TASK", [@next_task.project, @next_task], class: "btn btn-round color3" %></p>
<% end %>

我已将其设置为 <p>标记位于一个按钮的开头和第二个按钮的结尾。

发生什么是基于条件:

1. 当 NEXT TASK按钮是唯一可见的按钮，它不在 中心但在屏幕左侧 ( not correct )。
2. 当两个按钮都在屏幕上时，它们都在旁边对齐 正如预期的那样，彼此在页面的中心(correct)
3. 当 PREVIOUS TASK按钮是唯一可见的按钮，它在 应该居中 ( correct )

所以当NEXT TASK按钮是唯一可见的按钮，我需要它位于页面中央，而不是基于 <p> 的左侧标记内联样式。

Answer 1

我还不熟悉 ROR，但我猜打开的段落可以自行关闭，但关闭的段落无法自行打开 :)

也许您可以将开始段落标记和结束段落标记放在条件之外？如果根本没有上一个/下一个(为了隐藏空段落)，则将所有内容包装到另一个条件中