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

テキスト情報の HTML img タグを

 タグに配置しましたが、pre の CSS スタイルでは text-align:center; を記述できません。 pre タグの align:center; 画像を中央に配置するのは非常に良いですが、テキストも中央に配置されます。 <br> 私の要件は、画像が中央に配置されている限り、テキストは中央に配置されないことです。 CSS 専門家より<br> <br> <br> </p>
<p> </p>ディスカッション（解決策）への返信 <br> 次に、画像のマージンを設定します。 <h2> </h2> なぜプレにテキストが残っているのですか? ? ? ? <p class="sougouAnswer"> </p> 画像のサイズは固定されていません 余白を設定することはできません <p class="sougouAnswer"> </p> 固定幅の画像を中央に表示できないことです。笑った<p class="sougouAnswer"> <br> または、画像を背景として使用することもできます。上記の方法に従ってください。 <br> </p> 属性 margin:0 auto <p class="sougouAnswer"> </p> 背景を追加することは良いアイデアです。 それ以外の場合は、画像を背景として使用できます。 <p class="sougouAnswer"> </p> 次に、img {margin:0 auto;} にスタイルを追加するだけですが、pre の幅を固定に設定する必要があります。 <p class="sougouAnswer"> </p> 上記の正しい答え <p class="sougouAnswer"> </p> は正しくありません。私は自分で解決しました <p class="sougouAnswer"> margin:0 auto; を追加する必要があります。追加せずに中央に配置することはできません。 . </p> <p class="sougouAnswer"> CSS コードを解放します。 div も同様です <br> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>pre{	position:relative;	word-wrap:break-word;	width:800px;	margin:0 auto;	}pre img{	display:block;	margin:0 auto;	max-width:760px;}	

ログイン後にコピー