html - 如何使用 CSS 应用表格单元格格式

Question

我在对表格中的单元格进行 CSS 格式化时遇到了一些困难。该单元格需要具有与表中其他单元格不同的背景颜色、列跨度和对齐方式。内联样式工作正常，但我想将样式移动到 CSS。

这是我的 CSS 中的内容:

/*Color and formatting the background on cal_parameter*/
.calParameter
{
background-color:darkgray;
column-span:all;
align-content:center;
}

出于某种原因，CSS 不应用 column-span 和 align-text 属性，但背景颜色应用。

这种内联样式工作正常:

<td class="calParameter" colspan="8" align="center">@Html.DisplayFor(modelitem => data.cal_points.cal_parameter)</td>

此 CSS 样式无法正常工作:

<td class="calParameter">@Html.DisplayFor(modelitem => data.cal_points.cal_parameter)</td>

TIA, ~~~特蕾西

Answer 1

.calParameter {
background-color:darkgray;
text-align:center;
}

保留 colspan 属性并去掉 align 属性。将您的 css 更改为我上面的内容。 colspan 是为 html td 制作的属性。