title: Why webkit line clamping does not work in firefox?
body: <p>I use this webkit line clamp, it works in Chrome, but not in Firefox. The following is the code: </p>
  
  <pre><code>{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; /* number of lines to show */
    line-height: X; /* fallback */
    max-height: X * 4; /* fallback */
  }
  </code></pre>
  
  <p>How should I make it work on Firefox as well?</p>