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

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

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

dc6dce4a544fdca2df29d5ac0ea9906b
asdfasfasfasfdasdfdfasfsdf
9197f0ecd16ce23bf1df8b159e9a2647
16b28748ea4df4d9c2150843fecfba68


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="11.jpg"> </di  </body></html>


先に進む...

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

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

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


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

cd2d9978bb5be16b15ba7131af74b48e
fe997708d7b1a93fc1ae9c9573a997a0
77fcb90dbf10e0d161881e9de9b133f6asdfasfasfasfdasdfdfasfsdf 16b28748ea4df4d9c2150843fecfba68
fc6f76f5acfde507237f817ee3d7424d img src... style="vertical-align:middle;">16b28748ea4df4d9c2150843fecfba68
16b28748ea4df4d9c2150843fecfba68 cd2d9978bb5be16b15ba7131af74b48e ;
この文で十分です

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