Đôi khi bạn muốn hướng dẫn một ai đó và ví dụ bằng cách viết code lên cho người đọc xem. Nhưng code có vẻ lẫn lộn quá, đôi khi nó lại quá dài khiến việc kiểm soát của bạn khó khăn, cũng như người đọc không tiện theo dõi.
Một blockquote có sẵn trong chế độ soạn thảo "Viết/HTML". Bạn xem hình dưới.
Thẻ blockquote mặc định có vẻ không đạt hiệu quả như bạn mong muốn. Thay vào đó mình sẽ hướng dẫn bạn cách thay đổi và thu gọn code bằng thẻ Blockquote một cách hiệu quả nhất.
Trước tiên bạn mở chế độ soạn thảo html.
Nhấn Ctrl+F và nhập tìm blockquote . Sau đó thay toàn bộ thẻ blockquote đó bằng CSS này.
Ở đây, min-height: 17px là giá trị nhỏ nhất của độ cao. Ví dụ bạn chỉ chú thích một dòng. Giá trị max-height:250px dùng để xác định chiều cao tối đa cho khung chú thích code trước khi nó được thu gọn trong scroll thông qua overflow:auto.
OK. vậy là đã xong, khá đơn giản phải không nào. Chúc bạn thành công.
Mọi thắc mắc bạn có thể đặt câu hỏi tại Erhay-Hỏi đáp hoặc comment. Xin cảm ơn
Một blockquote có sẵn trong chế độ soạn thảo "Viết/HTML". Bạn xem hình dưới.
Thẻ blockquote mặc định có vẻ không đạt hiệu quả như bạn mong muốn. Thay vào đó mình sẽ hướng dẫn bạn cách thay đổi và thu gọn code bằng thẻ Blockquote một cách hiệu quả nhất.
Trước tiên bạn mở chế độ soạn thảo html.
Nhấn Ctrl+F và nhập tìm blockquote . Sau đó thay toàn bộ thẻ blockquote đó bằng CSS này.
blockquote{margin:1em 20px;
border:1px inset;
background: #F6FBFF;
overflow:auto;
text-align:left;
width:570px;
min-height:17px;
max-height:250px;
padding: 8px 8px 8px 8px;
quotes:"\201C""\201D""\2018""\2019";
}
Ở đây, min-height: 17px là giá trị nhỏ nhất của độ cao. Ví dụ bạn chỉ chú thích một dòng. Giá trị max-height:250px dùng để xác định chiều cao tối đa cho khung chú thích code trước khi nó được thu gọn trong scroll thông qua overflow:auto.
OK. vậy là đã xong, khá đơn giản phải không nào. Chúc bạn thành công.
Mọi thắc mắc bạn có thể đặt câu hỏi tại Erhay-Hỏi đáp hoặc comment. Xin cảm ơn
jkjkijo
ReplyDelete