Home >Web Front-end >HTML Tutorial >Some centering issues with HTML-CSS-! The Great God Returns_html/css_WEB-ITnose
Some centering issues with HTML-CSS-! The Great God Returns_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:20:091011browse
CSS html
I added*{ margin:0px; padding:0px;} to the style. How can I center the table without deleting all margins and setting them to 0px!
Please let me know!
Thank you!
Yeah!
Reply to discussion (solution)
<!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> No one?
Everyone in the forum is dead
Please give you the table you want to center, or redefine the div margin:0px auto;
For example, give you the table definition above , one #lk{margin:0px auto;} is enough
Please redefine the table or div you want to center margin:0px auto;
For example, give you the above table definition, one # lk{margin:0px auto;} can
Brother, you saved my life! Can I take you as my teacher? Or add QQ to ask you questions later!
Thanks! Send me QQ email lukang94520@163.com
My QQ 1029131145
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：Add new attribute_html/css_WEB-ITnose in imgNext article：Add new attribute_html/css_WEB-ITnose in img