search

niklasvh / html2canvas

Screenshots with JavaScript
https://html2canvas.hertzen.com/
MIT License
30.61k stars 4.81k forks source link

A multiline omitted element that is blank when saving an image with html2canvas. My multi-line ellipsis says this; #1768

Open king-lxt opened 5 years ago

king-lxt commented 5 years ago

A multiline omitted element that is blank when saving an image with html2canvas. My multi-line ellipsis says this;

display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;

linwei0201 commented 5 years ago

display: -webkit-box; is not supported

cloydlau commented 4 years ago

Follow up on this

n1ks0N commented 3 years ago

Use it:

.block-with-text {
  overflow: hidden;
  line-height: 1.2em; /* use this value for height */
  max-height: 3.6em;  /* max-height = line-height (1.2) * number of lines (3) */
  text-align: justify;
}
ER-Tiylor commented 2 years ago

Use it:

.block-with-text {
  overflow: hidden;
  line-height: 1.2em; /* use this value for height */
  max-height: 3.6em;  /* max-height = line-height (1.2) * number of lines (3) */
  text-align: justify;
}

it's work, thanks!