将两个rails link_to按钮居中答案

【问题标题】：Centre two rails link_to buttons next to each other将两个rails link_to按钮居中
【发布时间】：2017-09-20 12:56:59
【问题描述】：

我使用 rails link_to helper 创建了两个按钮：

<% 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> 标记位于一个按钮的开头和第二个按钮的末尾。

会发生什么取决于条件：

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

因此，当 NEXT TASK 按钮是唯一可见的按钮时，我需要在页面中心而不是左侧基于 <p> 标记内联样式。

【问题讨论】：

标签： html css ruby-on-rails

【解决方案1】：

我不熟悉 ROR（还），但我可能猜想打开的段落可以自行关闭，但关闭的段落不能自行打开:)

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

【讨论】：