Question

我正在创建菜单网页，并且我使用行列出项目，但是存在名称太长并且改变我的框大小（类缩略图）的问题。这是一个例子：

puu.sh/iPAuk/655ec1151a.jpg

即使文字是不同的行，我也要保持所有框的大小均匀。谢谢！

以下是代码：

puu.sh/iPB4F/34a74381be.png

Answer 1

将每个菜单项设为一个单独的div，然后将所有这些div设置为具有相同的高度。

Answer 2

您可以使用p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }来删除文字。

class Category < ActiveRecord::Base
  has_many :products
end

class Product < ActiveRecord::Base
  has_many :photos
  belongs_to :category

  def self.similar(product)
    where("name LIKE ?", "#{product.name}%").limit(4)
  end
end

Demo

HTML限制区域中的单词

2 个答案: