Question

我无法做一些简单的事情，为用于月历的表格设置td标签样式。

每月的日历在顶部有几天。我想设置天的字体和列的宽度。但是，以下似乎简单明了的代码无法正常工作。我想我一定错过了一些明显的东西。 jsfiddle和代码：

HTML

<table><tr><td class="dayhead">Monday</td>
    <td class="dayhead">Tuesday</td>
    <td class="dayhead">Wednesday</td>
    <td class="dayhead">Thursday</td>
    <td class="dayhead">Friday</td>
    <td class="dayhead">Saturday</td>
     <td class="dayhead">Sunday</td>
</tr></table>

CSS

td.dayhead {
         font-size:14;
    width:70px;
    column-width:70px;
    padding:5px; 
    -moz-column-width:70px; /* Firefox */
    -webkit-column-width:70px; /* Safari and Chrome */
}

对于我做错了什么建议表示感谢。

Answer 1

您尚未在font-size中指定单位。它应该类似于font-size:14px;

Answer 2

使用

font-size:14px

而不是

font-size:14

Answer 3

您的font-size缺少单位，例如

font-size: 14px;

您的column-width属性已成功应用。虽然它只是浏览器提示列的最佳宽度，但不会隐式调整列的大小。

Answer 4

它确实有效，现在我不明白你为什么需要这些属性？因为它们还没有被广泛支持，特别是IE将成为你的游戏扰流者

column-width:70px;
-moz-column-width:70px; /* Firefox */
-webkit-column-width:70px; /* Safari and Chrome */

如果您需要固定宽度的列，请使用table-layout: fixed;并为此表分配一些fixed宽度，现在您的列将没有灵活的宽度

table {
    table-layout: fixed;
    width: 500px
}

Demo

同样在您的font-size媒体资源上，您没有使用任何unit，因此未申请

如果您有兴趣重新考虑您的标记，请使用CSS nth-of-type()帮助您

table tr:nth-of-type(1) td {
   /* Styles */
}

这样您就不必在每个单元格上使用类

Demo

css：css标签在td元素中不起作用

4 个答案: