search

garplab / typingtube

24 stars 1 forks source link

ルビ有りのラインとルビ無しのラインで、歌詞の表示位置がずれる #38

Closed Toshi7878 closed 4 years ago

Toshi7878 commented 4 years ago

HTMLで歌詞が表示される部分(#kashiと#next_kashi)の中にルビタグがある時とない時で 入力歌詞(#kashi_roma)から歌詞(#kashiと#next_kashi)までのy方向の距離が変わってしまい ルビが有るライン⇔ルビが無いラインで切り替わる度、少し見にくいです 2020-4-2_20-22-48_No-00_NoName

Toshi7878 commented 4 years ago

ルビがある時と無い時で行間を同じにする方法としては... HTML内2523行目を $("#kashi").html('&nbsp;<ruby>&#8203;<rt>&#8203;</rt></ruby>'+lyrics_array[count][1]); HTML内2524行目を $("#kashi_next").html('&nbsp;<ruby>&#8203;<rt>&#8203;</rt></ruby>'+lyrics_array[count+1][1]); とすることで常に歌詞にルビタグが入っている状態になり、一定の行間になります 2020-4-2_20-43-59_No-00_NoName