Hỏi đáp Chữ cái đầu chương

Thảo luận trong 'Hỏi đáp - Góp ý' bắt đầu bởi dinhconghonghai, 17/11/23.

  1. dinhconghonghai

    dinhconghonghai Lớp 4

    Chào mọi người,
    Mình thỉnh thoảng hay chỉnh sửa epub, khi thiết lập để có hiệu ứng như chữ cái đầu trong hình thì đỉnh chữ cái vẫn bị thụt xuống dưới so với dòng hàng chữ đầu. Xin hỏi làm cách nào để đỉnh chữ cái ngang với dòng chữ đầu nhỉ.

    Đây là đoạn code setting:
    .dropcap:first-letter {
    float: left;
    font-family: "UTM Atlas" !important;
    font-size: 4rem;
    line-height: 100%;
    margin: 0;
    padding: 0 0.5rem 0.5rem 0;
    }

    Mn biết xin giải thích giúp mình ạ!
    screenshot_2023_11_17T23_30_15+0700.png
     
    machine thích bài này.
  2. tran ngoc anh

    tran ngoc anh Cử nhân

    Tham khảo dropcap này của mình.
    [​IMG]
     
    machine thích bài này.
  3. dinhconghonghai

    dinhconghonghai Lớp 4

    Mình làm cách của mình thì trong calibre vẫn hiển thị đúng nhé. Nhưng khi send2kindle thì hiển thị bị lệch trong kindle vậy đó.
     
  4. machine

    machine Sinh viên năm I

    Làm Dropcap dạng "nổi" cho khỏe.
    Dropcap dạng "chìm" này không "ổn định" đâu. Kích thước màn hình thay đổi là nó sẽ sai lệch theo.
    Nguyên tắc chung là chỉnh padding mà khi chỉnh "chuẩn" cho màn hình máy đọc sách 6 inch thì trên PC nhìn sẽ không chuẩn và trên điện thoại màn hình 5 inch hay 5.5 inch nhìn cũng sẽ lệch.
    Chỉnh "chuẩn" cho điện thoại 5.5 inch thì lên máy đọc sách lại lệch.
     
    sucsongmoi, tran ngoc anh and amylee like this.
  5. dinhconghonghai

    dinhconghonghai Lớp 4

    Vậy là dropcap chìm ko ổn định theo máy đọc sách dc à mọi người. Dropcap nổi thì dễ rồi, thỉnh thoảng đổi style cho mới mẻ chút.
     
  6. NQK

    NQK Lớp 11

    tran ngoc anh thích bài này.
  7. tran ngoc anh

    tran ngoc anh Cử nhân

    Sao code của Mozilla mà Firefox không có tích xanh vậy anh? :D

    [​IMG]
     
  8. Danh Đỗ

    Danh Đỗ Mầm non

    Cái thuộc tính này lúc đầu chỉ thằng Safari hỗ trợ thì phải, sau này mới có thêm trình duyệt khác hỗ trợ. MDN vốn là cái kho lưu trữ do Mozilla tạo ra thôi.
     
    tran ngoc anh thích bài này.
  9. tran ngoc anh

    tran ngoc anh Cử nhân

    Tưởng đâu tiêu chuẩn của Mozilla mà ông con Firefox lại cứng đầu không theo chớ :D
     
  10. NQK

    NQK Lớp 11

    Với Firefox thì không có gì ngạc nhiên cả. Ví dụ:
    Vui lòng đăng nhập hoặc đăng ký để xem link

    Tuy nhiên, chả quan tâm tới thằng này làm gì.
     

Chia sẻ trang này