当前位置:软件学堂 > 资讯首页 > 网络编程 > DIV+CSS > 表格table中的水平对齐属性align

表格table中的水平对齐属性align

2012/11/19 18:00:29作者:佚名来源:网络

移动端

【实例介绍】

表格table中的水平对齐属性align

align标记用于设置整个表格在页面中的对齐方式。

【基本语法】

<table align="对齐方式">

【语法介绍】

aligll参数的取值

align参数取值
属性值        含义
 left          默认值,整个表格在页面中左对齐
 center    整个表格在页面中居中对齐
 right       整个表格在页面中右对齐

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>表格的水平对齐属性</title> </head>

<body> <table border="5"align="center">   <tr>     <td>单元格1</td>     <td>单元格2</td>   </tr>   <tr>     <td>单元格3</td>     <td>单元格4</td>   </tr> </table> </body> </html>

 

【代码分析】

在代码中,加粗的<table align="center">标记将表格的对齐方式设置为居中对齐,在浏览器中预览,效果如图所示,表格居中显示了。

水平对齐属性align运行效果

 【素材及源码下载】

请点击:表格table中的水平对齐属性align 下载本实例相关素材及源码

 

标签: table