このコードを使用して、見出しがある場合は見出しを表示しています
<%= @user.headline if @user.headline? %>
100文字に制限しています。この見出しを 50 文字で区切り、その部分を下に表示するにはどうすればよいですか? 2列で中央揃えにする予定です。
例えば:
これが100文字を超える見出しであれば、このように表示したい
画面:
これが100文字を超える見出しの場合
こんな感じで表示したい
このコードを使用して、見出しがある場合は見出しを表示しています
<%= @user.headline if @user.headline? %>
100文字に制限しています。この見出しを 50 文字で区切り、その部分を下に表示するにはどうすればよいですか? 2列で中央揃えにする予定です。
例えば:
これが100文字を超える見出しであれば、このように表示したい
画面:
これが100文字を超える見出しの場合
こんな感じで表示したい
このword_wrap
方法は、これに対処するために特別に作成されました。
ただし、HTML で行を分割するために必要なものの代わりに改行を挿入します (別の行を独自の<p>
タグで囲むなど)。TextHelper のword_wrap
メソッドがどのように実装されているかをよく見てから、その機能をヘルパー メソッドとして実装します。
テキスト ヘルパーから word_wrap を使用できます。
include ActionView::Helpers::TextHelper
# or in a controller
# helper :text
word_wrap(@user.headline, :line_width => 50)
次のように文字列を分割できます。
head_line = @user.headline.scan(/.{1,50}/)
あなたの場合、次を使用できますword_wrap
:
word_wrap(@user.headline, :line_width => 50)