Kẹp css html
Bạn đang gặp phải một vấn đề mà trang web của mình khi phản hồi, các dòng văn bản nó liên tục phá vỡ chủ đề yêu quý của mình. Trong bài viết này mình giới thiệu tới các bạn theo một cách khác, đó là sử dụng thuộc tính tràn văn bản trong CSS Show lục mụccú pháp p { width: 500px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } Giải thích
cú pháp p { width: 500px; overflow: hidden; text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 3; height: 75px; display: -webkit-box; -webkit-box-orient: vertical; } Giải thích
Tuy đơn giản nhưng ai cũng phải biết. Theo dõi loạt thủ thuật CSS khác tại đây mẹo css tràn văn bản Hàm CSS 9 kẹp một giá trị ở giữa trong phạm vi giá trị giữa giới hạn tối thiểu đã xác định và giới hạn tối đa. Hàm nhận ba tham số. giá trị tối thiểu, giá trị ưu tiên và giá trị tối đa được phép Lưu ý rằng việc sử dụng 9 cho kích thước phông chữ, như trong các ví dụ này, cho phép bạn đặt kích thước phông chữ tăng dần theo kích thước của chế độ xem, nhưng không thấp hơn kích thước phông chữ tối thiểu hoặc cao hơn kích thước phông chữ tối đa. Nó có tác dụng tương tự như mã trong Kiểu chữ linh hoạt nhưng trong một dòng và không sử dụng truy vấn phương tiện
Hàm 1 chấp nhận ba biểu thức được phân tách bằng dấu phẩy làm tham số của nó 2 Giá trị tối thiểu là giá trị nhỏ nhất (âm nhất). Đây là giới hạn dưới trong phạm vi giá trị được phép. Nếu giá trị ưa thích nhỏ hơn giá trị này, giá trị tối thiểu sẽ được sử dụng 3 Giá trị ưa thích là biểu thức có giá trị sẽ được sử dụng miễn là kết quả nằm giữa giá trị tối thiểu và tối đa 4 Giá trị lớn nhất là giá trị biểu thức lớn nhất (dương nhất) mà giá trị của thuộc tính sẽ được gán nếu giá trị ưu tiên lớn hơn giới hạn trên này Các biểu thức có thể là các hàm toán học (xem 0 để biết thêm thông tin), các giá trị bằng chữ, các biểu thức khác đánh giá một loại đối số hợp lệ (như 1) hoặc các hàm 2 và 3 lồng nhau. Đối với các biểu thức toán học, bạn có thể sử dụng phép cộng, phép trừ, phép nhân và phép chia mà không cần sử dụng chính hàm 0. Bạn cũng có thể sử dụng dấu ngoặc đơn để thiết lập thứ tự tính toán khi cần thiết Bạn có thể sử dụng các đơn vị khác nhau cho từng giá trị trong biểu thức của mình và các đơn vị khác nhau trong bất kỳ hàm toán học nào tạo thành bất kỳ đối số nào Hãy ghi nhớ các khía cạnh sau khi làm việc với chức năng
p { width: 500px; overflow: hidden; text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 3; height: 75px; display: -webkit-box; -webkit-box-orient: vertical; }38 được giải quyết là . Dựa trên các tham số được cung cấp, hàm trả về 1, 22, 23, 24, 25, 26 hoặc 27
Trong ví dụ này, chúng tôi có một ví dụ phản hồi đơn giản sử dụng 2, 3 và 9 cho một số kích thước Các phần tử ________ 391 ________ 392 được đặt là ________ 393. Điều này có nghĩa là chiều rộng sẽ được đặt thành 94, trừ khi kết quả của 95 nhỏ hơn 94, trong trường hợp đó, nó sẽ được đặt thành giá trị đó thay thế. 2 cho phép bạn đặt giá trị tối đa Phần tử ________ 398 ________ 399 được đặt là ________ 390. Điều này có nghĩa là 99 sẽ được đặt thành 92, trừ khi giá trị tính toán của 93 lớn hơn giá trị của 92, trong trường hợp đó, nó sẽ được đặt thành giá trị đó thay thế. 3 cho phép bạn đặt giá trị tối thiểu, trong những trường hợp như thế này sẽ hữu ích cho mục đích trợ năng Phần tử ________ 396 ________ 399 được đặt là ________ 398. Điều này có nghĩa là 99 sẽ được đặt ở 10, cho đến khi giá trị tính toán của 11 trở nên lớn hơn giá trị của 10. Tại thời điểm này, 99 sẽ được đặt thành 11, cho đến khi giá trị tính toán của 11 trở nên lớn hơn giá trị của 16. Tại thời điểm này, 99 sẽ được đặt thành 16. 9 cho phép bạn đặt giá trị tối thiểu và tối đa |