<tr> - HTML(超文本标记语言) 编辑
HTML <tr>
元素定义表格中的行。 同一行可同时出现<td>
和<th>
元素.
Content categories | None |
---|---|
Permitted content | Zero or more <td> or <th> elements, or a mix of them |
Tag omission | Start tag is mandatory. End tag may be omitted if the <tr> element is immediately followed by a <tr> element, or if the parent table group (<thead> , <tbody> or <tfoot> ) element doesn't have any more content |
Permitted parents | <table> , <thead> , <tbody> or <tfoot> element |
Permitted ARIA roles | Any |
DOM interface | HTMLTableRowElement |
Attributes
表格标签支持 全局特性。还有一些过期的特性,你应该避免使用它们,但是可以了解它们,会在你阅读旧代码的时候有所帮助。
align
已废弃 HTML4.01, 已废弃 HTML5- 该枚举属性指定每个单元格中内容的水平对齐方式,可使用的属性值如下:
left
, 内容在单元格中左对齐center
, 内容在单元格中居中right
, 内容在单元格中右对齐justify
, 增加文本内容之间的空白以伸展这行文本,使得该单元格中的多行文本具有相同的长度。char
, aligning the textual content on a special character with a minimal offset, defined by thechar
andcharoff
attributes 未实现 (查看 bug 2212)
If this attribute is not set, the parent node's value is inherited.
Note: Do not use this attribute as it is obsolete (not supported) in the latest standard.- To achieve the same effect as the
left
,center
,right
orjustify
values, use the CSStext-align
property on it. - To achieve the same effect as the
char
value, in CSS3, you can use the value of thechar
as the value of thetext-align
property 未实现.
bgcolor
已废弃 HTML4.01, 已废弃 HTML5- This attribute defines the background color of each cell of the row. It can be either an hexadecimal
#RRGGBB
or#RGB
value or a color keyword. Usage note: the<tr>
element should be styled using CSS. To give a similar effect to the bgcolor attribute, use the CSS propertybackground-color
.
char
已废弃 HTML4.01, 已废弃 HTML5- This attribute is used to set the character to align the cells in a column on. Typical values for this include a period (.) when attempting to align numbers or monetary values. If
align
is not set tochar
, this attribute is ignored. Note: Do not use this attribute as it is obsolete (and not supported) in the latest standard. To achieve the same effect as thechar
, in CSS3, you can use the character set using thechar
attribute as the value of thetext-align
property 未实现.
charoff
已废弃 HTML4.01, 已废弃 HTML5- This attribute is used to indicate the number of characters to offset the column data from the alignment characters specified by the char attribute. Note: Do not use this attribute as it is obsolete (and not supported) in the latest standard.
valign
已废弃 HTML4.01, 已废弃 HTML5- This attribute specifies the vertical alignment of the text within each row of cells of the table header. Possible values for this attribute are:
baseline
, which will put the text as close to the bottom of the cell as it is possible, but align it on the baseline of the characters instead of the bottom of them. If characters are all of the size, this has the same effect asbottom
.bottom
, which will put the text as close to the bottom of the cell as it is possible;middle
, which will center the text in the cell;- and
top
, which will put the text as close to the top of the cell as it is possible.
vertical-align
property on it.
Examples
See <table>
for examples on <tr>
.
Specifications
Specification | Status | Comment |
---|---|---|
HTML Living Standard tr element | Living Standard | |
HTML5 tr element | Recommendation |
Browser compatibility
We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic support | 1.0 | (Yes) | 1.0 (1.7 or earlier) | (Yes) | (Yes) | (Yes) |
align/valign attribute | 1.0 | (Yes) | 未实现 [1] | (Yes) | (Yes) | (Yes) |
char/charoff attribute | 1.0 | (Yes) | 未实现 [2] | (Yes) | (Yes) | (Yes) |
bgcolor attribute | 未实现 | 未实现 | 未实现 | (Yes) | 未实现 | 未实现 |
Feature | Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Basic support | (Yes) | (Yes) | 1.0 (1.0) | (Yes) | (Yes) | (Yes) |
align/valign attribute | ? | (Yes) | 未实现 [1] | ? | ? | ? |
char/charoff attribute | ? | (Yes) | 未实现 [2] | ? | ? | ? |
bgcolor attribute | 未实现 | 未实现 | 未实现 | (Yes) | 未实现 | 未实现 |
[1] See bug 915.
[2] See bug 2212.
See also
- Other table-related HTML Elements:
<caption>
,<col>
,<colgroup>
,<table>
,<tbody>
,<td>
,<tfoot>
,<th>
,<thead>
; - CSS properties and pseudo-classes that may be specially useful to style the
<tr>
element:- the
:nth-child
pseudo-class to set the alignment on the cells of the column; - the
text-align
property to align all cells content on the same character, like '.'.<
- the
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论