1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

hamlでリストを使うときに、HTML出力で改行されないようにする

Last updated at Posted at 2015-01-10

課題

hamlでリストを使うと、

要素の中の物が改行されて出力されてしまいます。
%ul
  %li リスト1
  %li リスト2
  %li リスト3

と記述すると、

<ul>
  <li>
    リスト1
  </li>
  <li>
    リスト2
  </li>
  <li>
    リスト3
  </li>
</ul>

と出力されます。

解決策

どうせならこうしたいです。

<ul>
  <li>リスト1</li>
  <li>リスト2</li>
  <li>リスト3</li>
</ul>

%ulの後に不等号記号(<)をつけてやるとそのようになります。

%ul
  %li< リスト1
  %li< リスト2
  %li< リスト3

ちなみに(<>)をつけると、ulから全て1行で表示されます。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?