mizulba3日前 00複数トグルボタンの高さがスクリプト混在でずれる原因と対処フロントエンドCSSUI設計同じ CSS を共有するボタンでも、高さを「パディング+テキストの行ボックス依存」にしていると、ラテン文字と日本語などスクリプトによってフォントの行高が異なり、高さがわずかに変わってサイズ差が出る。ボタンに固定高さを設定してテキスト内容に依存せず同一サイズにすると解決する。なお、ラテン文字と日本語はグリフの収まり方・見かけ重心が違うため、align-items: center で中央揃えしても横並びで光学的にわずかにずれて見えるのは避けにくい。