在HTML中快速生成随机文本（lorem的4种用法）

itwlz

已于 2024-05-16 01:36:07 修改

阅读量385

点赞数 7

文章标签： html 前端 javascript

于 2024-05-16 01:30:01 首次发布

本文链接：https://blog.csdn.net/weixin_45610943/article/details/132274486

版权

如果文章有帮助到您，点个赞~

用法1：lorem回车
效果：自动生成30个单词

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>在HTML中快速生成随机文本（lorem的使用）</title>
</head>
<body>
  <!-- 1. lorem + enter键/tab键-->
  Lorem ipsum dolor sit amet consectetur, adipisicing elit. Reprehenderit amet ipsam, alias laboriosam aliquid saepe. Quia nam temporibus, accusantium consequatur dolor magni doloribus exercitationem, libero officiis illum nisi vitae non?
</body>
</html>

用法2：loremn
效果：指定生成单词个数

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>在HTML中快速生成随机文本（lorem的使用）</title>
</head>
<body>
  <!-- 2. 指定生成单词个数: lorem+n-->
  Lorem ipsum dolor sit amet.
</body>
</html>

用法3： .>lorem*n
效果：指定生成多行文本:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>在HTML中快速生成随机文本（lorem的使用）</title>
</head>
<body>
  <!-- 3. 指定生成多行文本: .>lorem*n-->
  <div class="">
    <div>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque placeat similique dolorum, nobis ad modi, distinctio laboriosam repellendus quos magnam reiciendis et rem a ducimus cum at ea odio quod.</div>
    <div>Nobis deleniti debitis exercitationem fuga mollitia illo inventore consequatur ut quod labore, esse accusantium pariatur, hic perspiciatis odio commodi nam ratione neque sapiente placeat at ipsa? Totam possimus pariatur culpa!</div>
    <div>Veritatis, illo optio recusandae sequi officia exercitationem culpa voluptate autem consequuntur debitis praesentium itaque, facere repellat nesciunt ducimus repudiandae sapiente earum necessitatibus! Quis ea consequuntur saepe totam optio vero nam?</div>
  </div>
</body>
</html>

用法4：loremn*m
效果：指定生成多行文本，每行几个单词

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>在HTML中快速生成随机文本（lorem的使用）</title>
</head>
<body>
  <!-- 4. 指定生成多行文本，每行几个单词-->
  <div class="">
    <div>Lorem ipsum dolor sit.</div>
    <div>Totam ad itaque nam!</div>
    <div>Blanditiis culpa minima ratione.</div>
    <div>Minima ullam aut alias!</div>
    <div>Voluptas id sunt officia!</div>
  </div>
</body>
</html>