「テンプレート:Rbcmnt/bi.css」の版間の差分
削除された内容 追加された内容
P9iKC7B1SaKk (トーク | 投稿記録) 細 ルビRbcmnt2の文字間隔を「text-align-last: justify;」で均等にする。 |
P9iKC7B1SaKk (トーク | 投稿記録) 細 テキストにspan要素が含まれる時に改行してしまう不具合への対応 タグ: 差し戻し済み |
||
21行目: | 21行目: | ||
span.r2 span { |
span.r2 span { |
||
text-align:center; |
text-align:center; |
||
display:block; |
display:block flex; |
||
line-height: inherit; |
line-height: inherit; |
||
text-align-last: justify; |
text-align-last: justify; |
2024年4月24日 (水) 01:26時点における版
span.r2 {
display: inline-block;
vertical-align: middle;
line-height: 1em;
}
/* device has a touch screen */
@media (any-pointer: coarse) {
span.r2 {
font-size: 150%;
}
}
/* cancel above font-size for iPhone mobile view. abandon tablets. */
@media only screen and (max-width:430px), only screen and (max-height:430px) {
span.r2 {
font-size: 100%;
}
}
span.r2 span {
text-align:center;
display:block flex;
line-height: inherit;
text-align-last: justify;
}
span.r2 span.t {
font-size: smaller;
color: teal;
line-height: inherit;
text-align-last: justify;
}
span.r2 span.b {
font-size: smaller;
color: olive;
line-height: inherit;
text-align-last: justify;
}
/* [[Category:テンプレートスタイル|Rbcmnt]] */