コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

初心者が助けを求めています。ページの中央揃え問題_html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 12:17:53
オリジナル
854 人が閲覧しました

新しく開いたページの中央に画像を配置したいです。



これは完全に満足できるものではありません


ディスカッションへの返信 (解決策)

margin:0 auto ;text-align:center;

これを試してください: 

<style>html,body{ margin: 0; padding: 0; height: 100%; }body{ position: relative; }.msg{ position: absolute; left: 50%; top: 50%; width: 400px; height: 400px; margin: -200px 0 0 -200px; }.msg img{ display: block; }</style>
ログイン後にコピー


body{text-align:center;}

#iframeDiv｛margin:0 auto;｝ 


<div id="iframeDiv" style="text-align:center;" >   <img src="<%=basePath %>${request.fileSRC}"></div>
ログイン後にコピー

テーブルを使用してください。絶対に中央に配置されます。


;絶対的に中心です。


; body{text-整列:センター;}

マージン:自動

関連ラベル：
新手求助，页面居中问题
ソース：php.cn
前の記事：リンクにマウスを移動すると、それが属するテーブルtdの背景を別の絵に変える書き方を教えてください?_html/css_WEB-ITnose 次の記事：フロントのトラブル！ ！ ！ ！ ！ p tag_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
2
1850
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
10
2017
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1698
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1598
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1615
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート