让页面内容水平居中
编辑:dnawo 日期:2006-12-15
以前在做前台页面时,为了让页面内容水平居中,通常使用的方法是将上中下三块内容分别置于三个表格中,并设置这三个表格的align属性为center,今天通过CSS也达到了同样的效果,就不需再一个个表格去设置了:
说明:body {text-align: center;} 的作用是使页面内所有内容水平居中,这样表格的内容也会受影响变成水平居中,因而再加一句table {text-align: left;} 而表格内的内容为水平居左,即默认的水平对齐方式。
如有朋友知道如何用CSS设置直接使表格水平居中欢迎留言参加评论。
复制内容到剪贴板
程序代码

<style type="text/css">
body {text-align: center;}
table {text-align: left;}
</style>
body {text-align: center;}
table {text-align: left;}
</style>
说明:body {text-align: center;} 的作用是使页面内所有内容水平居中,这样表格的内容也会受影响变成水平居中,因而再加一句table {text-align: left;} 而表格内的内容为水平居左,即默认的水平对齐方式。
如有朋友知道如何用CSS设置直接使表格水平居中欢迎留言参加评论。
评论: 2 | 引用: 0 | 查看次数: 5114





就这样设就行
发表评论
请登录后再发表评论!