> 웹 프론트엔드 > HTML 튜토리얼 > HTML-CSS-的一些居中问题!大神归位_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-24 12:20:09
원래의
1003명이 탐색했습니다.

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"    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>
로그인 후 복사

没人?

论坛里面的人都死了

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

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿