Giới Hạn Số Dòng Văn Bản được Hiển Thị Sử Dụng CSS

Trang chủ » Giới Hạn Dòng Css » Giới Hạn Số Dòng Văn Bản được Hiển Thị Sử Dụng CSS

Có thể bạn quan tâm

  • facebook
  • twitter
  • Google+
  • Linkedin
  • Pinterest
  • Dribble
  • Vimeo
  • RSS
Search Select Menu Home » Blogspot » Thủ thuật blogspot » Giới hạn số dòng văn bản được hiển thị sử dụng CSS Giới hạn số dòng văn bản được hiển thị sử dụng CSS Trong khi thiết kế, chỉnh sửa giao diện, viết nội dung Blog, nếu bạn muốn khống chế khu vực mà đoạn văn bản có thể được hiển thị, đơn giản bạn chỉ cần giới hạn số dòng mà đoạn văn bản có thể hiển thị bằng cách sử dụng CSS:Giới hạn số dòng văn bản được hiển thị sử dụng CSS.max-lines{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: N; /*số dòng muốn hiện */ font-size: F; /*cỡ chữ, đơn vị px */ line-height: X; /* khoảng cách giữa các dòng, đơn vị em*/ max-height: F*N*X; /* chiều cao tối đa đoạn văn bản = (cỡ chữ) x (số dòng) x (chiều cao) */}

Cách sử dụng:

Khi muốn sử dụng, bạn thêm class "max-lines" cho đoạn văn bản đó, có thể xem DEMO

Áp dụng:

Bạn có thể áp dụng cách này để khống chế, giới hạn số dòng của tiêu đề bài viết trên trang chủ để không làm vỡ Layout, bạn chỉ cần chỉnh sửa CSS tương tự bên dưới là được:h2.post-title, h2.post-title a { font-size: 20px; line-height: 1.3em; color: #3b5998!important; margin: 0 0 5px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; max-height: 52px;} 23:35 nguyengia Blogspot, Thủ thuật blogspot
Next
Bài đăng Mới hơn
Previous
Bài đăng Cũ hơn

0 nhận xét:

Đăng nhận xét

Đăng ký: Đăng Nhận xét (Atom)

Facebook

  • Xem Nhiều
  • Bình Luận
  • Nhãn

Xem Nhiều

  • Chỉ hiện hoặc ẩn tiện ích trên trang cho blogspot Đối với những nhà  làm seo  đặc biệt là   seo blogspot  thì những thuộc tính này vô cùng là cần thiết, bởi vì những tiện ích chỉ cần hiện ở ...
  • Cách để Google Index bài viết nhanh nhất cho Blogspot Lâu lâu hôm nay mình mới viết bài liên quan đến  SEO Blogspot , lần này mình sẽ chia sẻ với các bạn  cách để Google Index bài viết nhanh cho...
  • Thay đổi kích thước ảnh thumbnail trong Blogspot không dùng Javascript Ảnh đại diện thumbnail mặc định của Blogspot được sử dụng khá nhiều trong Blogspot , như widget bài đăng phổ biến, autoreadmore (sử dụng t...
  • Tự động mở tab mới khi click link bất kỳ trên blogspot Có nhiều bạn hỏi tôi làm thế nào để tất cả các liên kết khi click đều mở tab mới và bài viết này cũng dành chút thời gian hướng dẫn các bạn ...
  • Hướng dẫn tạo Menu ẩn hiện khi cuộn trang với Jquery Hầu như mọi trang Web đều có Menu ngang phía trên hoặc dưới Header ( Navigation menu ), Và nếu bạn muốn cho menu này ẩn đi khi cuộn trang xu...
  • Tự động thêm thẻ Alt và Title cho hình ảnh bằng tiêu đề bài viết Blogspot Trước đây, mình đã giới thiệu bài viết  Thêm thẻ Alt và Title cho hình ảnh trong Blogspot  , tuy nhiên hạn chế của phương pháp này là tên củ...
  • Hướng Dẫn Tạo Breadcrumbs Cho Blogspot Breadcrumbs là một tập hợp những liên kết nhằm giúp cho người đọc có thể biết được vị trí của bài viết trong blog. Từ đó, họ có thể dễ dàng...
  • Thêm mô tả Description cho bài viết blogspot đơn giản Meta description  là một trong những phần không thể thiếu để SEO tốt trên google, ở trong blogspot nếu bài viết không tích hợp Description (...
  • Tối ưu css và js cho blogspot Trong việc  seo blogspot  thì tối ưu css và js là một điều khá cần thiết cho một  blogger . Trong cộng đồng blogger việc nam ít có ai viết b...
  • Quy trình để seo blogspot từ A đến Z Chào các bạn nói đến seo blogspot thì có nhiều bạn nói với tôi rằng rất khó nhưng khi bạn đã lòng đam mê và nhiệt huyết thì tôi nói rằng qu...

Nhãn

  • Blogspot
  • Facebook
  • Icon Facebook
  • Kiến Thức Mạng
  • Kiến Thức SEO
  • Rao Vặt Linh Tinh
  • SEO
  • SEO Blogspot
  • SEO Off Page
  • SEO Onpage
  • Sinh viên khởi nghiệp
  • Slider image
  • Start up
  • Thủ thuật blogspot
  • Thủ thuật facebook
  • Tin tức SEO
  • Tự học seo

Truyện Hay

-- Cuồng Long Chưởng -- Dương Long Âm Phụng -- Đào Nguyệt Mỹ Nhân (21+) -- Đại Hiệp Hồn -- Liệp Diễm Thần Điêu Phổ--Luân dâm Vi Tiểu Bảo--Kiếm Thánh--Giang Hồ Dâm Nương -- Hoan Lạc Thánh Giáo -- Ma Đao Lệ Ảnh -- Ngọc Tiêu Kỳ -- Ngự Nữ Tâm Kinh -- Tân Tiếu Ngạo Giang Hồ -- Thần điêu chính truyền -- Thần điêu đại dâm hiệp -- Thiên Long Bát Dâm Bộ--Tru Tiên XXX--Quách phủ dâm mộng ký--Võ Tòng Dâm Sử

Cộng Đồng Mạng

  tin tức mystown © 2016. All Rights Reserved. Powered by tintucmystown

Từ khóa » Giới Hạn Dòng Css