1行あたりの文字数を制限する

Question

ユーザが1行に50文字を投稿すると、CSSで50文字がブロック（幅：100ピクセル;）で表示されるようにするにはどうすればよいですか。 今、私の見解は以下の通りです。

<div class='example-wrapper'> 
     <%= simple_format(@user.content , class:'example') %> 
    </div> 

ユーザー投稿の@ user.content中（改行をせずに）1行に50文字場合、それはbrowser.Iから突き出ていることは、私がオーバーフローを使用することを意味するものではありません：隠されたが、.Although Iホワイトスペースを使用する：正常;何も変わりません。それをどうやるか教えてください。

今、scssは以下のとおりです。

 .example-wrapper{ 
      background-color:red; 
      max-width:100px; 
     } 
     .example{ 
      max-width:100px; 
      white-space:normal; 
     } 

Answer 1

truncateメソッドを使用できます。例：よりここ

truncate("Once upon a time in a world far far away", length: 17) 
# => "Once upon a ti..." 

読む：

<div class='example-wrapper'> 
    <div class='example'> 
    <%= trucate(simple_format(@user.content), length: 50) %> 
    </div> 
</div>