ブログの投稿者: 結城永人タイトル: 松任谷由実の瞳を閉じては長崎県立奈留高等学校へ作詞作曲された愛唱歌だった投稿のリンク: https://www.nagahitoyuki.com/2018/03/it-was-yumimatsutoya-who-wrote-nagasaki-prefectural-naru-highschools-favorited-song-closing-my-eyes.html最終更新: 2023年3月6日 (月) コメント
![松任谷由実の瞳を閉じては長崎県立奈留高等学校へ作詞作曲された愛唱歌だった](https://cdn-ak-scissors.b.st-hatena.com/image/square/91a83593c51a7a13ffd7a7087861913bdbb9725e/height=288;version=1;width=512/https%3A%2F%2Fblogger.googleusercontent.com%2Fimg%2Fb%2FR29vZ2xl%2FAVvXsEipMeMN_KQqRQDjN2JgiZ7TKC1P1p6O0YoZrbVZ0AWufr3H_rdCnDL_nezfj8AJ7BFeYRjsGF7mQBiGsuVfZcWwP51697YaGeaacLJwgSISlnjSPPdUw82OMY9eoP1zCaNgxJgyoHNMt2-D-sMz7s2-GOABsfYFJGsGx1dLgvTroFsix1gwhvbGTOdGYw%2Fw1200-h630-p-k-no-nu%2Fi-want-to-protect-you.jpg)
inputタグのtype-textとtype-buttonを横並びにして表示しようとしたら高さが揃わなくて参った。ブラウザかデバイスが変われば大丈夫そうに見えたり、一般的に纏めるのは難しいのかも知れない。調べると入力フォントで高さが変わるという珍しいことが起きている。そこまでしっかり合わせるにはどうすれば良いか。CSSの二つの方法を見付けて望み通りのデザインを付けられるようになったので、紹介する。 目次 inputタグのtype-textは入力フォントで高さがコロコロ変わる inputタグのtype-textとtype-buttonの英語と日本語の高さの比較 フォームとボタンの高さを揃えるCSSの二つのマークアップ vertical-align:middleをフォームとボタンの両方にかけると良い display:flexをフォームとボタンの親ボックスにかけると良い inputタグのtype
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く