CSS 控制整个表格居中, 不只是让表格里的文字居中, 是整个表格居中
1, 不用 table 的 align="center", 要用 CSS 实现
2, 不加 < center></center > 标签
表格的居中和 div 的居中是一样的解决方案
关于 CSS 控制 DIV 水平居中问题, 我看到很多新人搞不明月. 记得第一次看 CSS 是一个老外写的书, 那个里面谈到居中使用.
- margin-left:auto;
- margin-right:auto;
其实等同于:
margin:0 auto;
于是可以使用这种方式, 但是有人用 IE 时发现没有居中. 这里建议你看看是否遗漏了 DTD 声明.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/
xhtml1-transitional.dtd">
非常多的人犯过类似的错误! 这种方法也可以说屡试不爽, 但是在某些情况下还是行不通的. 于是有了第二种方法.
- margin-left:50%;
- left: -width/2;
这里的 width 不是 CSS 中的 Width, 而是你的 DIV 的宽度例如你的 div 是 768px 宽, 那么你就应该设置 left:-384px. 很好, 已经有两种方法了, 可以说已经能够解决你可能遇到的问题了.
有时候你会发现, 这两个还不行. 不能兼容一些浏览器. 于是发现有了第三种方法, 这中方法主要是考虑 IE, 它是建立在第一种方法的基础之上. 它需要设置 body.
body {text-align: center;}
这样 IE 下也居中了, 但是它带来一个新的问题, 你发现你的页面中所有文字都是居中的, 这样很不好看. 这个就很容易解决了, 只需要在你的 DIV 定义中加上 text-align: left; 之类调整的设置就行了.
更多前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/css3/15983.html