CSS 表格文字居中可以使用 text-align 属性来设置, 对表格的 table 与 td 标签设置 CSS 样式为 text-align:center; 即可实现表格内文字居中.
CSS 表格中的文字是如何居中的:
在开始我们先介绍个属性, 就是这个属性才能使表格在 CSS 样式中居中起来.
text-align 属性规定元素中的文本的水平对齐方式.
该属性通过指定行框与哪个点对齐, 从而设置块级元素内文本的水平对齐方式. 通过允许用户代理调整行内容中字母和字之间的间隔, 可以支持值 justify; 不同用户代理可能会得到不同的结果.
属性值:
left 把文本排列到左边. 默认值: 由浏览器决定.
right 把文本排列到右边.
center 把文本排列到中间.
justify 实现两端对齐文本效果.
inherit 规定应该从父元素继承 text-align 属性的值.
让我们进个完整的实例吧:
- <!doctype html>
- <HTML>
- <head>
- <meta charset="utf-8">
- <title>
- PHP 中文网
- </title>
- <style type="text/css">
- table,td{text-align:center;border-style:solid}
- </style>
- </head>
- <body>
- <table style="width:200px;height:150px">
- <tr>
- <td>
- 文字
- </td>
- <td>
- 文字
- </td>
- </tr>
- <tr>
- <td>
- 文字
- </td>
- <td>
- 文字
- </td>
- </tr>
- </table>
- </body>
- </HTML>
效果图:
来源: http://www.css88.com/qa/css3/12608.html