Khi cần viết phân số trong blog, website thì khá là khó khăn do mặc định các source code trong template không hỗ trợ. Giải pháp thường thấy là:
  • Chấp nhận gõ bình thường trên 1 dòng -> xấu. Ví dụ: đáp án là 3/4 thay vì hiển thị là 34
  • Chèn hình ảnh công thức vào -> load trang bị nặng và không cân đối với chữ.
  • Sử dụng javascirpt để gõ Latex -> load trang bị nặng vì load JS bao giờ cũng chậm hơn load HTML hay CSS. Với lại dùng Latex thì để gõ các công thức toán phức tạp mới bõ chứ chỉ để gõ phân số thì quả là "mang dao mổ trâu giết gà".
Để hiển thị đẹp đúng chuẩn, cách làm là định nghĩa cách hiển thị phân số trong CSS.
Bước 1. Chèn đoạn code sau vào template (trong blogspot thì chèn vào trước thẻ </b:skin>):
span.frac {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
span.frac > tuso, span.frac > mauso {
  display: block;
  font: inherit;
  padding: 0 0.2em;
}
span.frac > tuso {border-bottom: 0.08em solid;}
span.frac > span {display: none;}

%frac, tuso, mauso: Có thể thay bằng chữ khác tùy sở thích cá nhân, miễn là phải thống nhất cách viết từ đầu đến cuối
Bước 2. Cách gõ phân số khi viết bài. Khi viết bài trong blog, khi cần gõ phân số, chuyển sang chế độ soạn thảo HTML rồi gõ theo cấu trúc:
<span class="frac"><tuso>3</tuso><mauso>4</mauso></span>
Ví dụ cần hiển thị câu "Đáp án là: 34" thì gõ code sau trong phần soạn thảo:
Đáp án là: <span class="frac"><tuso>3</tuso><mauso>4</mauso>