Heim > Web-Frontend > HTML-Tutorial > HTML-CSS-的一些居中问题!大神归位_html/css_WEB-ITnose

HTML-CSS-的一些居中问题!大神归位_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:20:09
Original
997 Leute haben es durchsucht

CSS html

我在样式里加入
*{ margin:0px; padding:0px;}
Nach dem Login kopieren


怎么能不删除所有边距为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"    style="max-width:90%"  style="max-width:90%" / alt="HTML-CSS-的一些居中问题!大神归位_html/css_WEB-ITnose" ></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"    style="max-width:90%"  style="max-width:90%" / alt="HTML-CSS-的一些居中问题!大神归位_html/css_WEB-ITnose" ><img  src="img/2.jpg"    style="max-width:90%"  style="max-width:90%" / alt="HTML-CSS-的一些居中问题!大神归位_html/css_WEB-ITnose" ><img  src="img/3.jpg"    style="max-width:90%"  style="max-width:90%" / alt="HTML-CSS-的一些居中问题!大神归位_html/css_WEB-ITnose" ><img  src="img/4.jpg"    style="max-width:90%"  style="max-width:90%" / alt="HTML-CSS-的一些居中问题!大神归位_html/css_WEB-ITnose" ><img  src="img/5.jpg"    style="max-width:90%"  style="max-width:90%" / alt="HTML-CSS-的一些居中问题!大神归位_html/css_WEB-ITnose" ><img  src="img/6.jpg"    style="max-width:90%"  style="max-width:90%" / alt="HTML-CSS-的一些居中问题!大神归位_html/css_WEB-ITnose" ><img  src="img/7.jpg"    style="max-width:90%"  style="max-width:90%" / alt="HTML-CSS-的一些居中问题!大神归位_html/css_WEB-ITnose" ></ul></div></td></tr></table></div><script type="text/javascript" src="help/index.js"></script></body></html>
Nach dem Login kopieren

没人?

论坛里面的人都死了

请给你要居中的table,或者div重新定义一下margin:0px auto;
比如给你上面的table定义,一个 #lk{margin:0px auto;}即可

请给你要居中的table,或者div重新定义一下margin:0px auto;
比如给你上面的table定义,一个 #lk{margin:0px auto;}即可
哥 你救了我一命!能不能拜你为师!或者加个QQ以后问你问题!
谢谢了!QQ发我邮箱   lukang94520@163.com

我QQ  1029131145

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage