ホームページ >ウェブフロントエンド >htmlチュートリアル >画像を div_html/css_WEB-ITnose の中央に配置する方法

画像を div_html/css_WEB-ITnose の中央に配置する方法

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
2016-06-24 12:11:481186ブラウズ


asdfasfasfasfdasdfdfasfsdf
画像を div_html/css_WEB-ITnose の中央に配置する方法



Rep議論に参加してください(解決済み 計画)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head id="Head1" runat="server">    <title>xxxxxxx</title>    <style type="text/css">	<!--	div {	     text-align:center;		 width:500px; 		 height:500px; 		 border:1px solid #666666;	 	 }	 div span{	  margin:0px;	  padding:0px;	  display:block;	  margin-left:-290px;	  }	       	--></style></head><body><div> <span>asdfasfasfasfdasdfdfasfsdf</span> <img  src="/static/imghwm/default1.png"  data-src="11.jpg"  class="lazy"   alt="画像を div_html/css_WEB-ITnose の中央に配置する方法" > </di  </body></html>


先に進む...

まず div のサイズを修正して

、margin: auto を使用して解決することは可能ですか?
可能かどうかはわかりません

希望どおりかどうかを確認してください。そうでない場合は、もう一度見てください。これは主に画像を 1 つのレイヤーに配置し、レイヤーを中央に配置します。違うよ


おそらくこんな感じです、まだテストしてないので、また調整してみてください。


asdfasfasfasfdasdfdfasfsdf

img src... style="vertical-align:middle;">

;
この文で十分です
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。