ruby​​ on rails，如何顯示內容只有一行

Question

這是我的代碼。

<div class="col-lg-4"> 
    <div class="thumbnail"> 
    <span class="content"><%= post.name %></span> 
    </div> 
</div> 

這可以在模型貼上帶名稱並顯示它。但是，有時名稱太長而無法在一行中顯示。然後它會顯示在兩行中，它會破壞我的頁面。我想知道的是，無論名稱有多長，如何讓它只顯示一行。當名稱太長時，它只會顯示其中的一部分。當人們移動鼠標時，它會顯示全名。

謝謝。

Answer 1

最簡單的方法是用String#truncate。

你可以限制字符串，說50個字符，post.name.truncate(50)，你可以使用title屬性，在內容跨度來顯示字符串的其餘部分，當用戶在移動鼠標：

<span class="content" title="<%= post.name %>"><%= post.name.truncate(50) %></span> 

Answer 2

根據您需要定位的瀏覽器，您可以使用CSS的文本溢出屬性。更多信息和示例可在「Elegant Overflow with CSS Ellipsis」中找到。

否則，您可以使用Rails的String#truncate此外