Html 在tr中设置文本样式？

这是我的简化标记：

<table class="kOverzicht kOverzichtFirst">
    <tr>
        woensdag 26&#47;02
    </tr>
</table>

woensdag 26和47；02

因此，我已经尝试使用span或p元素来包装文本，但当我使用验证器检查文本时，这是不允许的

在tr中设置文本样式的最佳方式是什么？我无法在整个表中执行此操作，因为实际的表由多个tr元素组成

有什么建议吗？

您需要一个

内部的

woensdag 26和47；02

标记仅用于定义表行。。一个包含数据的表格单元格。

您需要在

woensdag 26和47；02

标记仅用于定义表行。。包含数据的表格单元格。

将样式文本添加到 要在

中创建的

标记

像

`
`

这将仅有助于设置特定行的样式。

将样式文本添加到 要在

中创建的

标记

像

`
`

---

这只会有助于设置特定行的样式。

我建议您将文本包装在td中

<table class="kOverzicht kOverzichtFirst">
    <tr>
        <td>woensdag 26&#47;02</td>
    </tr>
</table>

---

我建议您将文本包装在td中

<table class="kOverzicht kOverzichtFirst">
    <tr>
        <td>woensdag 26&#47;02</td>
    </tr>
</table>

---

你应该改用td。比如说,

<table class="kOverzicht kOverzichtFirst">
<tr>
    <td style="color:red;">
    woensdag 26&#47;02
    </td>
</tr>

woensdag 26和47；02

或者

    <style>.kOverzicht td {color:red;}</style>

<table class="kOverzicht kOverzichtFirst">
<tr>
    <td>
    woensdag 26&#47;02
    </td>
</tr>

.kOverzicht td{颜色：红色；}
woensdag 26和47；02

---

你应该改用td。比如说,

<table class="kOverzicht kOverzichtFirst">
<tr>
    <td style="color:red;">
    woensdag 26&#47;02
    </td>
</tr>

woensdag 26和47；02

或者

    <style>.kOverzicht td {color:red;}</style>

<table class="kOverzicht kOverzichtFirst">
<tr>
    <td>
    woensdag 26&#47;02
    </td>
</tr>

.kOverzicht td{颜色：红色；}
woensdag 26和47；02

---

正如其他人所回答的，您应该将文本包装在单元格容器中，即

td

或

th

元素中，并设置该元素的样式。细节取决于表的实际结构。特别是，一个只有一列的表作为数据表通常没有意义。如果文本应跨越单元格中的所有列，则应使用

colspan

属性，例如（任意假设表格有5列）

但是，对于问题中的无效标记，

tr

元素没有内容。您可以通过查看浏览器的开发人员工具中的页面来了解这一点。浏览器已对其进行分析，因此文本数据位于整个表之前，

tr

元素为空，

，因此样式无效

如果在

tr

中使用有效标记，例如

td

元素，则文本将包含在

td

中。在

tr

上设置文本属性可能会通过继承对其产生影响；这发生在

颜色

、

字体重量

和任何其他属性上

可以创建一个直接包含文本的

tr

元素，但只能使用脚本，不能通过标记。例如：

<table id=t>
</table>
<script>
var row = document.createElement('tr');
row.textContent = 'woensdag 26/02';
document.getElementById('t').appendChild(row);
</script>

var行=document.createElement（'tr'）；
row.textContent='woensdag 26/02'；
document.getElementById（'t'）.appendChild（行）；

---

出于几个原因，通常不建议这样做，但这是问题答案的一部分：要直接（而不是通过继承）在

tr

中设置文本样式，您需要使用JavaScript创建

td

元素。

正如其他人所回答的，您应该将文本包装在单元格容器中，一个

td

或

th

元素，并设置该元素的样式。细节取决于表的实际结构。特别是，一个只有一列的表作为数据表通常没有意义。如果文本应跨越单元格中的所有列，则应使用

colspan

属性，例如（任意假设表格有5列）

但是，对于问题中的无效标记，

tr

元素没有内容。您可以通过查看浏览器的开发人员工具中的页面来了解这一点。浏览器已对其进行分析，因此文本数据位于整个表之前，

tr

元素为空，

，因此样式无效

如果在

tr

中使用有效标记，例如

td

元素，则文本将包含在

td

中。在

tr

上设置文本属性可能会通过继承对其产生影响；这发生在

颜色

、

字体重量

和任何其他属性上

可以创建一个直接包含文本的

tr

元素，但只能使用脚本，不能通过标记。例如：

<table id=t>
</table>
<script>
var row = document.createElement('tr');
row.textContent = 'woensdag 26/02';
document.getElementById('t').appendChild(row);
</script>

var行=document.createElement（'tr'）；
row.textContent='woensdag 26/02'；
document.getElementById（'t'）.appendChild（行）；

---

出于几个原因，通常不建议这样做，但这是问题答案的一部分：直接（而不是通过继承）在

tr

中设置文本样式，您需要使用JavaScript创建

td

元素。

s应该包含

s。因此，如果我简单地将它包装在一个td中并给它一个类，这就可以了？是的。在

td

中执行任何您想要的操作。只有

td

和

th

是

tr

的有效子级。大多数浏览器都会将

tr

的直接子文本移动到

表的上方或下方。
s应该包含
s。因此，如果我简单地将其包装在td中并给它一个类，这就可以了？是的。在
td
中执行任何您想要的操作。只有
td
和
th
是
tr
的有效子级。大多数浏览器都会将
tr
的直接子项文本移动到
表的上方或下方。