ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML-CSS に関するセンタリングの問題がいくつかあります。偉大な神が帰ってきた_html/css_WEB-ITnose

HTML-CSS に関するセンタリングの問題がいくつかあります。偉大な神が帰ってきた_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:20:09
オリジナル
1014 人が閲覧しました

CSS html

スタイルに
*{ margin:0px; padding:0px;}
ログイン後にコピー
を追加しました
余白をすべて 0px に削除せずにテーブルを中央に配置するにはどうすればよいですか
教えてください!
ありがとうございます!
そうだね!


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

<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>好看的广告</title><link rel="stylesheet" type="text/css" href="help/index.css"/><style type="text/css">*{ margin:0px; padding:0px;}</style></head><body><div id="top"><table id="lk" align="center"><tr><td align="center"  valign="middle"  height="30px"><h1>普通的图片切换</h1><span  style="color:#F00; font-size:12px;">这个效果请别用IE浏览器观看</span></td></tr><tr><td class="ss"><div><b class="b1"></b><b class="b2 d1"></b><b class="b3 d1"></b><b class="b4 d1"></b><div id="shows" class="b d1 k"><div name="div_xz"  class="on" onmouseover="show(this)">1</div><div name="div_xz"  onmouseover="show(this)">2</div><div name="div_xz"  onmouseover="show(this)">3</div><div name="div_xz"  onmouseover="show(this)">4</div><div name="div_xz"  onmouseover="show(this)">5</div><div name="div_xz"  onmouseover="show(this)">6</div><div name="div_xz"  onmouseover="show(this)">7</div></div><b class="b4b d1"></b><b class="b3b d1"></b><b class="b2b d1"></b><b class="b1b"></b></div></td></tr><tr><td align="center"  valign="middle"  height="30px"><h1>图片逐渐的切换</h1><span  style="color:#F00; font-size:12px;">这个效果请用IE浏览器观看</span></td></tr><tr><td class="ss"><div><img id="img_zj" class="lukang" src="img/1.jpg" width="700" height="290" /></div></td></tr><tr><td align="center"  valign="middle"  height="30px"><h1>图片滚动的切换</h1><span  style="color:#F00; font-size:12px;">这个效果什么浏览器都OK</span></td></tr><tr><td><div id="img_gd"><ul id="ul_img"><img src="img/1.jpg" width="700" height="290" /><img src="img/2.jpg" width="700" height="290" /><img src="img/3.jpg" width="700" height="290" /><img src="img/4.jpg" width="700" height="290" /><img src="img/5.jpg" width="700" height="290" /><img src="img/6.jpg" width="700" height="290" /><img src="img/7.jpg" width="700" height="290" /></ul></div></td></tr></table></div><script type="text/javascript" src="help/index.js"></script></body></html>
ログイン後にコピー

誰もいませんか?

フォーラムの全員が死んでいます


マージンを中央にしたいテーブルまたは div を再定義してください: 0px auto;

たとえば、上記のテーブル定義を #lk{margin:0px auto;} とします。

中央に配置するテーブルまたは div に対して margin:0px auto; を再定義してください。たとえば、上記のテーブル定義を与えると、#lk{margin:0px auto;} で十分です

兄弟、あなたは私の命を救ってくれました。 !あなたを私の先生として迎えてもいいですか?または、後で質問するために QQ を追加してください。
ありがとうございます! QQ メールを送ってください lukang94520@163.com

私の QQ 1029131145

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート