Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erläuterung der Rolle und Verwendung des HTML-Valign-Attributs (mit Anwendungsbeispielen)

Detaillierte Erläuterung der Rolle und Verwendung des HTML-Valign-Attributs (mit Anwendungsbeispielen)

寻∝梦
寻∝梦Original
2018-08-23 17:40:2910119Durchsuche

本篇文章为大家介绍了关于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表格里,不同表头单元格具有不同的垂直对齐方式:

<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属性的属性值:

Detaillierte Erläuterung der Rolle und Verwendung des HTML-Valign-Attributs (mit Anwendungsbeispielen)

浏览器支持

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

【小编的相关推荐】

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

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

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Rolle und Verwendung des HTML-Valign-Attributs (mit Anwendungsbeispielen). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn