Nếu thẻ trải hết chiều ngang màn hình máy tính và khó đọc, hãy đặt chiều rộng tối đa khoảng 500px là được. Mẫu thẻ mặc định của Anki không có quy tắc nào giới hạn chiều rộng, nên cửa sổ càng rộng thì mỗi dòng càng dài. Trong ankieditor, nhấp vào chỗ trống để chọn Toàn bộ thẻ, rồi nhập số vào ô "Chiều rộng tối đa của thẻ (để trống là không giới hạn)" hiện ra.
Vì sao thẻ Anki trải hết chiều ngang màn hình?
Các Kiểu Phiếu mặc định của Anki (Basic, Basic (type in the answer), Cloze) không có
max-width trong phần kiểu dáng. Không có quy tắc giới hạn chiều rộng nên
nội dung thẻ trải ngang đúng bằng độ rộng mà cửa sổ cho phép.
Trên điện thoại thì không sao vì màn hình đã hẹp sẵn. Vấn đề nằm ở máy tính để bàn. Phóng to Anki trên màn hình 24 inch thì một dòng có thể vượt quá 100 ký tự, khiến mắt bạn khó tìm điểm bắt đầu của dòng tiếp theo sau khi vừa đọc xong một dòng. Đổi sang căn trái cũng không giải quyết được — nếu bản thân dòng đã dài thì vấn đề vẫn còn nguyên.
Nên đặt chiều rộng bao nhiêu?
Giá trị khởi đầu được khuyến nghị là 500px — cũng là giá trị hiển thị trong ô nhập của trình biên tập.
- 400px — thẻ tập trung vào một từ và một nghĩa ngắn. Giữ nội dung hẹp và gọn giúp mắt không bị phân tán.
- 500px — thẻ thông thường có câu ví dụ hoặc giải thích hai ba dòng. Phần lớn nên bắt đầu từ đây.
- 600px — thẻ có đoạn văn dài, bảng, hoặc mã. Rộng hơn nữa thì dòng lại dài trở lại.
Đây là điểm khởi đầu được khuyến nghị, không phải giá trị tối ưu đã đo đạc. Nếu bạn đặt cỡ chữ lớn hơn 20px, số ký tự vừa một dòng ở cùng chiều rộng sẽ giảm đi, nên hãy xem bản xem trước và tìm mức độ rộng mà mỗi dòng vẫn dễ đọc.
Cách đổi chiều rộng thẻ trong ankieditor
- Nhấp vào chỗ trống trên bản xem trước. Chỉ báo chọn ở góc trên bên trái đổi thành Toàn bộ thẻ.
- Trong mục "Thẻ" ở bảng bên trái, nhập số vào ô Chiều rộng tối đa của thẻ (để trống là không giới hạn). Bạn có thể đặt từ 200 đến 1200, theo bước 10.
- Bản xem trước thu hẹp lại ngay. Hãy thử đổi giá trị cho đến khi một dòng đọc thấy thoải mái.
- Dùng [Chép mã] để sao chép mã đã sửa rồi dán vào màn hình
Công cụ → Quản lý các Kiểu Phiếu → Thẻ... (Tools → Manage Note Types → Cards...)của Anki.
Đổi chiều rộng thì CSS ghi gì
Ô này không chỉ ghi một giá trị mà ghi cùng lúc ba dòng.
.card { max-width: 500px; margin: 0 auto; padding: 0 10px; }
max-width— giới hạn chiều rộng tối đa mà thẻ có thể mở ra.margin: 0 auto— chia đều phần không gian còn lại sang hai bên, kéo thẻ vào giữa. Thiếu dòng này thì chỉ chiều rộng thu hẹp còn nội dung vẫn dính bên trái.padding: 0 10px— giữ cho chữ không chạm sát mép khi màn hình hẹp hơn chiều rộng đó. Nếu mẫu thẻ đã có sẵnpaddingthì dòng này không đụng đến.
Trước khi đổi chiều rộng, cần biết
Xóa trống ô này chỉ xóa max-width.
margin: 0 auto và padding: 0 10px vẫn còn lại trong mẫu thẻ.
Khi không giới hạn chiều rộng thì cả hai không có hiệu ứng rõ rệt nhưng vẫn còn trong mã,
nên muốn xóa hoàn toàn thì phải tự xóa trong [Xem mã].
Trên điện thoại thì hầu như không thay đổi gì. Vì màn hình điện thoại
đã rộng khoảng 500px sẵn nên hiếm khi chạm ngưỡng max-width. Thiết lập này
chủ yếu có tác dụng trên máy tính để bàn và máy tính bảng.
Nếu mẫu thẻ đang tự đặt margin thì giá trị đó sẽ bị ghi
đè. Nếu thẻ đang có khoảng cách riêng thì giá trị đó sẽ đổi thành
0 auto. Hãy kiểm tra bằng [Xem mã].
Phải đặt riêng cho từng Kiểu Phiếu. Mẫu thẻ được lưu theo từng Kiểu Phiếu, nên nếu bạn dùng nhiều Kiểu Phiếu thì phải áp dụng cho từng cái.
Câu hỏi thường gặp
Có thể làm thẻ Anki hẹp hơn không?
Được. Thêm max-width vào .card trong phần kiểu dáng và đặt
margin thành 0 auto, thẻ sẽ tự dồn vào giữa trong phạm vi chiều
rộng đó. Vì Anki hiển thị thẻ bằng webview nên CSS thông thường được áp dụng y nguyên.
Chiều rộng thẻ bao nhiêu px là hợp lý?
Hãy bắt đầu khoảng 500px. Giảm xuống 400px cho thẻ tập trung vào từ, hoặc tăng lên 600px cho đoạn văn dài. Đây là điểm khởi đầu được khuyến nghị chứ không phải giá trị tối ưu đã đo đạc, nên hãy xem bản xem trước và tìm mức độ rộng mà mỗi dòng vẫn dễ đọc.
Tôi đã thu hẹp chiều rộng nhưng thẻ dính sát bên trái.
Đó là do thiếu margin: 0 auto. Chỉ có max-width thì chiều
rộng thu hẹp nhưng vị trí vẫn ở bên trái. Dùng ô chiều rộng tối đa của thẻ trong
ankieditor sẽ ghi cả max-width và margin cùng lúc nên không xảy ra vấn đề này.
Nếu dòng dài khiến mắt bạn trượt dòng, hãy xem thêm Cách căn lề trái trong Anki và Cách chỉnh khoảng cách dòng trong Anki.