Emmetを使用してダミーテキストを作成する

  • 9
    いいね
  • 0
    コメント
この記事は最終更新日から1年以上が経過しています。

Emmetもしくはzen-codingを使用していて、ダミーテキストを作成する方法です。

テキスト量によってデザインがどう変わるかを確認するのに便利です。

ダミーテキストを作る

loremを使うとダミーテキストを生成してくれます。

lorem100
HTML
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius facilis in molestiae quod! Aut doloribus est illum iure porro sunt. Eius illo iusto maxime nihil possimus quae tempora voluptas voluptates.

loremの後ろにある数字を変えると出力される文字数が変わります。

組み合わせ

組み合わせたパターンです。

div>lorem10
HTML
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus, nemo?</div>

divタグの中にダミーテキストを作成できました(☝ ՞ਊ ՞)