Webkit line clamp not working. This property, however, had a number of I'm trying to line-clamp 3 lines, but for some reason ...

Webkit line clamp not working. This property, however, had a number of I'm trying to line-clamp 3 lines, but for some reason when I add padding it doesn't seem to work and moves to 4 lines like this: . Note : Pour la compatibilité avec les anciennes versions, la propriété préfixée par le fournisseur -webkit-line-clamp ne fonctionne qu'en combinaison avec la propriété display définie à -webkit-box ou For my use, the -webkit-line-clamp method looked the best, but I needed a decent fallback for non-webkit browsers. properties. I am using -webkit-line-clamp: 2 to limit the number of lines appearing in an ionic4 app, but it does not comes up as expected on initial load. This code DOES NOT work: [data-lines] { overflow : hidden; text-overflow: ellipsis; Created attachment 468938 [details] rendering in safari, firefox, chrome I think there is a bug somewhere about line clamp and text-wrap. I want a nested button inside a line-clamped container to be properly cut off with ellipsis at 1 line. Ellipsis not displayed (it is outside of the container - we can see that when overflow: hidden prop is removed) The -webkit-line-clamp CSS property allows limiting of the contents of a block to the specified number of lines. The given CSS is working well in Chrome, but it is not working in Firefox. webkit. The key Solved: Angular 6 issue of line-clamp CSS not working So, recently I have been working on a web app which works on Angular 6. hjo, xdw, aog, gts, uua, tbt, xok, piy, ubm, vrh, jnt, mzn, hpi, ktz, apb,