title: How to use CSS to display up to three lines in the article. I can’t use the most recommended method at present. I want to ask about other methods?
body: <p>May I ask the effect that I currently want to make the article display up to three lines, and use ellipsis to truncate the excess part
  . The syntax I used includes display:-webkit-box;
  but when I use webpack to package the code, The display:-webkit-box; will be banned, and the ellipsis ellipsis truncation effect that I want will disappear. If I want to display up to three lines in the article, I would like to show the ellipsis service. Is there any other way to recommend the service?</p>
  <p>Thank you.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.demo{
    width: 100px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;  
    -webkit-line-clamp:3;  
    white-space:prep;
    word-break:break-all;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="demo"&gt;
  Lorem ipsum dolor sit amet co
  nsectetur adipisicing 
  
  elit. Ali
  
  quid
   culpa, ratione quos harum quae corrupti laudantium maxime voluptas. Numquam nisi consectetur facere perferendi
  s in modi ipsum unde eveniet debitis voluptatibus vel dolorem mollitia, nulla odio eum architecto labore aperiam necessitatibus ab! Minima numquam, doloremque laboriosam voluptate debitis dolorem omnis. Soluta.
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>