align和valign属性
align和valign属性的区别:
1.align属性趋向于左右对齐(水平对齐),其值包含:left、right、center
2.valign属性趋向于垂直对齐,其值包含:top(对内容进行上对齐)、bottom(对内容进行下对齐)、middle(对内容进行居中对齐)、baseline(与基线对齐)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>table</title>
</head>
<body>
<table width="300" height="150" border="1" align="center">
<caption>学生考试成绩单</caption>
<tr>
<td align="center" valign="middle">姓名</td>
<td align="center" valign="middle">语文</td>
<td align="center" valign="middle">数学</td>
<td align="center" valign="middle">英语</td>
<td align="center" valign="middle">政治</td>
</tr>
<tr>
<td align="center" valign="middle">张三</td>
<td align="center" valign="middle">97</td>
<td align="center" valign="middle">92</td>
<td align="center" valign="middle">89</td>
<td align="center" valign="middle">89</td>
</tr>
<tr>
<td align="center" valign="middle">李四</td>
<td align="center" valign="middle">98</td>
<td align="center" valign="middle">94</td>
<td align="center" valign="middle">85</td>
<td align="center" valign="middle">80</td>
</tr>
<tr>
<td align="center" valign="middle">王五</td>
<td align="center" valign="middle">86</td>
<td align="center" valign="middle">79</td>
<td align="center" valign="middle">96</td>
<td align="center" valign="middle">93</td>
</tr>
</table>
</body>
</html>
align和valign属性相关推荐
- HTML中的align和valign这两个属性
转自:https://www.douban.com/note/325833958/ align和valign属性均是规定表格相对于周围元素的对齐方式,区别就在于: 1.align属性趋向于左右对齐,其 ...
- html valign标签,HTML中的align和valign这两个属性
转自:https://www.douban.com/note/325833958/ align和valign属性均是规定表格相对于周围元素的对齐方式,区别就在于: 1.align属性趋向于左右对齐,其 ...
- 在前端网页设计中 align 和 valign 两种对齐方式的不同取值区分(持续补充)
文章目录 前言 一.align 与 valign 的对齐方式与取值 二.常见应用区分整理 2.1.H5 页面设计的取值 2.2.表格标题的取值 2.3.表格属性的取值 总结 前言 不知道大家在学习 H ...
- align与valign的区别
在HTML中 align=left|center|right valign=top|bottom align和valign分别用于设定标题的水平位置和垂直位置. align的默认值是center: v ...
- css之align 与 valign 的用法比较
align是横向 center是 从左到右的剧中 align:的参数值有哪些:left,center,right valign是纵向 middle是 从上到下的居中 valign的参数值有哪些:top ...
- html主题居中用什么命令,html – 如何居中的元素 – 使用什么而不是align:center属性?...
假设你的标记看起来像这样: Person: Name: Email: Date of birth: 你的CSS应该是这样的: legend { margin:0 auto; } 这最简单 哦,亲爱的- ...
- html 居中 center,html – 如何居中的元素 – 使用什么而不是align:center属性?
假设你的标记看起来像这样: Person: Name: Email: Date of birth: 你的CSS应该是这样的: legend { margin:0 auto; } 这最简单 哦,亲爱的- ...
- HTML中table的属性tr、th、td的使用
tr和td相关的属性: 1.width/height:单元格的宽高 2.bgcolor:单元格的背景颜色 3.align:left center right 单元格中的文字 水平对齐方式 4.vali ...
- php中插入表格 标签,PHP_HTML中的表格元素,一,table标签。tablegt - phpStudy
HTML中的表格元素 一, 1,border属性的参数值是数字,表示表格边框宽度所占的像素点数.它也可以不带有参数值使用,仅表示该表格是有边框的.例如, 2,width和height属性的作用是指定表 ...
最新文章
- webhook自定义服务器,GO 使用Webhook 实现github 自动化部署
- todo:DSB and ISB
- promise的状态以及api介绍_Promise从入门到自定义 | 尚硅谷Promise新版视频发布!
- Flask之threading.loacl方法
- java密码学原型算法_java密码学原型算法实现——双线性对.pdf
- 2.3线性表的链式表示和实现
- ClassLoader类加载器
- 吴恩达机器学习(十四)推荐系统(基于梯度下降的协同过滤算法)
- 技术铺路,生态架桥:来自华为的开发者全面进阶说明书
- Intellij IDEA的配置
- word创建Pdf时嵌入字体 Creating a PDF with Embedded Fonts for MS Word
- JavaMail的使用
- 保证金监控中心保证期货开户和交易记录
- IDEA配置JPBC
- 生产环境突然编译报错:‘XXXX‘ is not defined no-undef
- Realtime Multi-Person 2D Pose Estimation Using Part Affinity Fields【菜鸟读者】
- 什么是linux手机软件?
- 离散学习--笛卡尔积
- 装机大神:教你看明白cpu后边数字及字母的意思。
- 导入mysql文件提示“ASCII '\0' appeared in the statement”