Question

我在rails 4.1应用程序中使用acts_as_taggable_on，一切正常但显示标签云会导致所有标签在一行上被压扁而没有换行符，我该如何解决这个问题？

我在gem页面上使用相同的css

.css1 { font-size: 1.0em; }
.css2 { font-size: 1.2em; }
.css3 { font-size: 1.4em; }
.css4 { font-size: 1.6em; }

Answer 1

也许您应该尝试将标签放在某种网格/列中。例如，如果您使用的是bootstrap，请在framework_and_overrides.css.scss中添加：

.col-sm-4{
 .css1 { font-size: 1.0em; }
 .css2 { font-size: 1.2em; }
 .css3 { font-size: 1.4em; }
 .css4 { font-size: 1.6em; }
}

并且在您看来，尝试这样的事情：

<div class="col-sm-4">
 <div class="panel panel-default">
 <div class="panel-heading">
  <h3 class="panel-title">Popular tags</h3>
 </div>

 <div class="panel-body">
  <% tag_cloud( Post.tag_counts_on(:tags), %w(css1 css2 css3 css4)) do |tag, css_class| %>
   <%= link_to "<span class='label label-primary'>#{tag}</span>".html_safe, tag_path(tag.name), :class => css_class %>
  <% end %>
 </div>
</div>

作为可标记的行为：所有标记都停留在同一行

1 个答案: