关于html valign属性的作用和使用方法详解(附使用方法实例)-html教程-PHP中文网

关于html valign属性的作用和使用方法详解(附使用方法实例)

寻∝梦

发布： 2018-08-23 17:40:29

原创

11234人浏览过

本篇文章为大家介绍了关于html

标签中的valign属性和html 标签中的valign属性，一个属性能在不同的标签下运用，这种属性都是比较好记的，不是很难，希望大家认真阅读。

html valign属性的定义和用法：

valign 属性规定单元格中内容的垂直排列方式。

valign属性趋向于垂直对齐，其值包含：top（对内容进行上对齐）、bottom（对内容进行下对齐）、middle（对内容进行居中对齐）、baseline（与基线对齐）

html valign属性的baseline值：

立即学习“前端免费学习笔记（深入）”；

基线是一条虚构的线。在一行文本中，大多数字母以基线为基准。baseline 值设置行中的所有表格数据都分享相同的基线。该值的效果常常与 bottom 值相同。不过，如果文本的字号各不相同，那么 baseline 的效果会更好

html valign属性的语法：

<td valign="value">

登录后复制

HTML 标签的 valign 属性实例

带有不同垂直对齐单元格的表格：

<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td valign="top">January</td>
    <td valign="top">$100</td>
  </tr>
  <tr>
    <td valign="bottom">February</td>
    <td valign="bottom">$80</td>
  </tr>
</table>

登录后复制

html5 标签的valign属性的使用方法实例：

<html>
<body>
<table border="1" style="height:200px">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td valign="bottom">January</td>
    <td valign="bottom">$100</td>
  </tr>
  <tr> 
   <td valign="baseline">February</td>
   <td  valign="baseline" style="font-size:200%">$80</td>
  </tr>
</table>
</body>
</html>

登录后复制

HTML标签的valign属性示例：

在下列HTML表格里，不同表头单元格具有不同的垂直对齐方式：

Android手机开发课程标准中文WORD版
本课程在设计上本着懂方法，重应用的总体思路，突出体现职业教育的技能型、应用性特色，着重培养学生的实践应用技能，力求达到理论方法够用，技术技能过硬的目的。通过本课程的学习，使学生具备Android平台应用开发相关知识、良好的编程习惯和手机应用软件开发的能力，能胜任基于Android平台的手机软件研发等工作任务。感兴趣的朋友可以过来看看

0

查看详情

<table border="1" style="height:200px"> <tr> <th valign="middle">月份</th> <th valign="bottom">存款</th> </tr> <tr> <td>一月</td> <td>100</td> </tr> </table>
登录后复制
HTML标签valign属性的定义及用法：
标签的valign属性用于指出表头单元格中内容的垂直对齐方式。
所有主流浏览器均支持
标签的valign属性。
HTML标签valign属性的语法：
<th valign="value">
登录后复制
HTML标签valign属性的属性值：

浏览器支持

所有浏览器都支持 valign 属性。

【小编的相关推荐】

html font标签怎么设置字体样式？利用CSS控制文字大小的方法

html style标签是什么意思？关于style标签的使用方法详解

以上就是关于html valign属性的作用和使用方法详解(附使用方法实例)的详细内容，更多请关注php中文网其它相关文章！