html行不是'；t型拉线

[html]

演示

有趣的是，如果我在本地运行它，它在chrome中不会显示任何行，但在JSFIDLE演示中，它显示一行

[编辑]

---

JSFIDLE并没有显示完整的行，不仅仅是chrome。有什么好主意吗？

首先，您在tr类声明中遗漏了一个相等的符号：

第二行和第三行的

tr

是

，正确的行是

。 也许Chrome不能容忍这样的错误

其次，我不知道为什么

tr

中的边框样式不起作用，但您可以使用此技巧获得相同的效果：样式

.row>th

具有

边框顶部

，如下所示：

#roomlist_table{
    font-size: 11pt;
    border-top: 1px solid #353b55;
    border-spacing: 0px;
    width: 730px;
    border-left: 1px solid #bcc0c9;
    border-right: 1px solid #bcc0c9;
    border-bottom: 1px solid #bcc0c9;
}
#roomlist_table thead{
    background-color: #f5f5f5;
}
#roomlist_table thead tr{
    height: 30px;
}
#roomlist_table tbody tr{
    height: 50px;
}
.row{
    border: 1px solid #bcc0c9;
}

请参见演示：

为“行”编辑css

---

如果这没有帮助，请告诉我。

是的，请输入HTML，它将检查标记中的任何错误<代码>错误行17，第15列：属性值文字只能在VI分隔符之后出现在属性规范列表中✉ 您是否忘记了标记属性与其声明值之间的分隔的“等号”？典型的语法是attribute=“value”。感谢您的建议，我将其全部更改为，但仍然没有显示任何线条：（感谢您的建议，这很有效，但为什么它比其他线条更厚？我尝试更改轮廓：1px实心#bcc0c9；但仍然比其他线条更厚。这对您有用吗？。行{轮廓：细点#bcc0c9；}

#roomlist_table{
    font-size: 11pt;
    border-top: 1px solid #353b55;
    border-spacing: 0px;
    width: 730px;
    border-left: 1px solid #bcc0c9;
    border-right: 1px solid #bcc0c9;
    border-bottom: 1px solid #bcc0c9;
}
#roomlist_table thead{
    background-color: #f5f5f5;
}
#roomlist_table thead tr{
    height: 30px;
}
#roomlist_table tbody tr{
    height: 50px;
}
.row{
    border: 1px solid #bcc0c9;
}

#roomlist_table {
    font-size: 11pt;
    border-top: 1px solid #353b55;
    border-spacing: 0px;
    width: 730px;
    border-left: 1px solid #bcc0c9;
    border-right: 1px solid #bcc0c9;
    border-bottom: 1px solid #bcc0c9;
}
#roomlist_table thead {
    background-color: #f5f5f5;
}
#roomlist_table thead tr {
    height: 30px;
}
#roomlist_table tbody tr {
    height: 50px;
}
.row>th {
    border-top: 1px solid #bcc0c9;
}

.row {
  outline: thin solid #bcc0c9;
}