講義録がChromeで表示ズレ

今年度、後半は講義録をマメに記載してきた。

でも、プロジェクタをつかって、講義録を見せながらの授業で Safari だと、折り返しが発生して見づらかったので、Chromeを起動してみた。しかし、今度は空白の表示幅の問題で、内容がずれて表示される。ということで、wordpress のスタイルシートで、以下の変更。また、折り返しされると、見づらいので横スクロールするように変更。

code,
kbd,
pre,
samp {
	font-family: "ＭＳ ゴシック","MS Gothic",Sans-Serif;
	font-size: 1em;
}
pre {
	border-top: 1px solid #ddd;
	background-color: #f1f1f1;
	padding: 15px;
/*	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
*/
	overflow-wrap: normal;
	overflow-x: scroll;
}
/* 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 */