Rumah > hujung hadapan web > html tutorial > HTML-CSS-的一些居中问题!大神归位_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-24 12:20:09
asal
997 orang telah melayarinya

CSS html

我在样式里加入
*{ margin:0px; padding:0px;}
Salin selepas log masuk


怎么能不删除所有边距为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>
Salin selepas log masuk

没人?

论坛里面的人都死了

请给你要居中的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

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan