コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 画像を div_html/css_WEB-ITnose の中央に配置する方法

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

WBOY
リリース： 2016-06-24 12:11:48
オリジナル
1132 人が閲覧しました


asdfasfasfasfdasdfdfasfsdf




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 つのレイヤーに配置し、レイヤーを中央に配置します。違うよ


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


asdfasfasfasfdasdfdfasfsdf

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

;
この文で十分です

関連ラベル：
怎样让div中的img居中
ソース：php.cn
前の記事：Flash は IE では表示されませんが、Firefox_html/css_WEB-ITnose では表示されます 次の記事：CSS に関するヘルプ a:visited_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
DIV を両側のコンテンツに合わせて中央揃えにします したがって、(含まれる DIV 内に) 5 つの項目があります。項目の並びは以下の通りです。 テキスト 画像 DIV 画像 テキスト DIVを中心にして画像がDIVを「抱き締める」...
から 2024-04-04 23:19:14
0
1
3438
レスポンシブ画像とテキスト Div を並べて表示 そこで、1 つの div が画像で、もう 1 つが背景付きのテキストであるテンプレートを作成しようとしています。次に、このテンプレートをレスポンシブにして、テキストが特定のピクセル...
から 2024-04-02 08:59:38
0
1
349
タイトル変更: 位置調整により div を別の div の上に配置 上の画像に示すように共有 div を配置するのは、私にとっては課題でした。さて、私は非常にイライラしてピクセルを調整する下と左でpositionabsoluteを試しましたが、出力...
から 2024-04-01 18:37:10
0
1
382
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート