prerequisite_html/css_WEB-ITnose を使用して、レイヤー内の画像の水平方向の中央揃えを求めます。

テキスト情報の HTML img タグを e03b848252eb9375d56be284e690e873 タグに配置しましたが、pre の CSS スタイルでは text-align:center; を記述できません。 pre タグの align:center; 画像を中央に配置するのは非常に良いですが、テキストも中央に配置されます。
私の要件は、画像が中央に配置されている限り、テキストは中央に配置されないことです。 CSS 専門家より

ディスカッション（解決策）への返信
次に、画像のマージンを設定します。

なぜプレにテキストが残っているのですか? ? ? ?

画像のサイズは固定されていません 余白を設定することはできません

固定幅の画像を中央に表示できないことです。笑った

または、画像を背景として使用することもできます。上記の方法に従ってください。

属性 margin:0 auto

背景を追加することは良いアイデアです。 それ以外の場合は、画像を背景として使用できます。

次に、img {margin:0 auto;} にスタイルを追加するだけですが、pre の幅を固定に設定する必要があります。

上記の正しい答え

は正しくありません。私は自分で解決しました

margin:0 auto; を追加する必要があります。追加せずに中央に配置することはできません。 .

CSS コードを解放します。 div も同様です

pre{	position:relative;	word-wrap:break-word;	width:800px;	margin:0 auto;	}pre img{	display:block;	margin:0 auto;	max-width:760px;}