【CSS】vertical-align:center;が効かないときにやったこと

Thu, 17 Feb 2022 08:58:23 +0900

縦中央に配置したいけどできない

の中のに入れたとか``を上下左右中央に配置したくて、横中央の配置はtext-align:center;やmargin-left:auto;＆margin-right:auto;でできたのですが、縦中央の配置がvertical-align:center;でできませんでした。そこで解決方法が見つかったのメモ。

参考になったページ

以下のサイトを参考に解決できました。

https://haniwaman.com/vertical-align/ https://haniwaman.com/vertical-align/

display:flex;で解決

結局、vertical-align:center;は使わず、上記の参考ページもあったdisplay:flex;で解決できました。

参考ソース

display:flex;とalign-items: center;とjustify-content: center;をセットで使います。これを上下左右中央に配置したい物を囲っているタグに割り当てればOKでした。

.box  {
  	display: flex;
  	align-items: center;
  	justify-content: center;
}

【Windows】一部のファンクションキーが急に使えない・効かないとき

Tue, 14 Dec 2021 09:04:12 +0900

F9/F10以外機能しない

いつも通り、毎日使用しているPC（Windows10）を起動し、Chromeを立ち上げキーボードのファンクションキーを押しても反応しないことがありました。

具体的には

F7、F8で文字のカナ変換ができない。
F9、F10で文字の英字変換はできる。
F12でデベロッパーツールの画面が開かない。

といった症状です。その他のファンクションキーも機能していない感じです。

PCを再起動してもダメでした。

試したこと

以下のページにあった方法をいくつか試しました。どれが有効だったのかはわかりませんが、直りました。

https://itojisan.xyz/trouble/15477/ https://itojisan.xyz/trouble/15477/

F11で直ったかも！？

なんとなくですが、エクスプローラを開いていたときにF11を押すと全画面表示になりました。再度押して通常の表示に戻したのですが、それからChromeでF12を押したところ、デベロッパーツールの画面が出ました。上記ページの「対処1: 特定のキーを入力してみる」にもありましたが、F11で直ったのかもしれません。

ファンクションキーの機能の参考

ついでに見つけたWindowsにおけるファンクションキーを押したときの機能のまとめページがあったのでメモ。

https://allabout.co.jp/gm/gc/475239/ https://allabout.co.jp/gm/gc/475239/

効かない on qwerty.work