Skip to content

Commit ed5fc37

Browse files
committed
Update readme
1 parent 08fdd1f commit ed5fc37

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

README.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -35,20 +35,20 @@ module.exports = {
3535
Use the `line-clamp-{n}` utilities to specify how many lines of text should be visible before truncating::
3636

3737
```html
38-
<p class="overflow-hidden line-clamp-3">
38+
<p class="line-clamp-3">
3939
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.
4040
</p>
4141
```
4242

4343
To remove any line-clamping, use `line-clamp-none`:
4444

4545
```html
46-
<p class="overflow-hidden line-clamp-3 md:line-clamp-none">
46+
<p class="line-clamp-3 md:line-clamp-none">
4747
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.
4848
</p>
4949
```
5050

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.
5252
5353
Utilities are for clamping text up to 6 lines are generated by default:
5454

0 commit comments

Comments
 (0)