You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+3-3
Original file line number
Diff line number
Diff line change
@@ -35,20 +35,20 @@ module.exports = {
35
35
Use the `line-clamp-{n}` utilities to specify how many lines of text should be visible before truncating::
36
36
37
37
```html
38
-
<pclass="overflow-hidden line-clamp-3">
38
+
<pclass="line-clamp-3">
39
39
Et molestiae hic earum repellat aliquid est doloribus delectus. Enim illum odio porro ut omnis dolor debitis natus. Voluptas possimus deserunt sit delectus est saepe nihil. Qui voluptate possimus et quia. Eligendi voluptas voluptas dolor cum. Rerum est quos quos id ut molestiae fugit.
40
40
</p>
41
41
```
42
42
43
43
To remove any line-clamping, use `line-clamp-none`:
Et molestiae hic earum repellat aliquid est doloribus delectus. Enim illum odio porro ut omnis dolor debitis natus. Voluptas possimus deserunt sit delectus est saepe nihil. Qui voluptate possimus et quia. Eligendi voluptas voluptas dolor cum. Rerum est quos quos id ut molestiae fugit.
48
48
</p>
49
49
```
50
50
51
-
> In the future we might add a `line-clamp-none` utility that is a bit more expressive, but we need to do some experimenting to determine the best implementation.
51
+
> Note that the `line-clamp-{n}` set other properties like `display` and `overflow` in addition to `-webkit-line-clamp` which are not unset by `line-clamp-none`, so depending on what you are trying to achieve you may need to explicitly override those properties with utilities like `flex` or `overflow-visible` as well.
52
52
53
53
Utilities are for clamping text up to 6 lines are generated by default:
0 commit comments