0

我在做一些应该很简单的事情时遇到了麻烦，为用于月历的表格设计一个 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 */
}

将不胜感激任何关于我做错了什么的建议。

4

4 回答 4

1

您尚未在 中指定单位font-size。它应该是这样的font-size:14px;

于 2013-05-18T11:36:01.340 回答
1

利用

font-size:14px

代替

font-size:14
于 2013-05-18T11:36:17.837 回答
1

你font-size缺少一个单位，例如

font-size: 14px;

您的column-width属性已成功应用。尽管它只是对浏览器关于列的最佳宽度的提示，并且不会隐式调整列的大小。

于 2013-05-18T11:36:47.177 回答
1

它确实有效，现在我不明白为什么需要这些属性？由于它们尚未得到广泛支持，尤其是 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
}

演示

同样在您的font-size财产上，您没有使用任何unit东西，因此它不适用

如果您有兴趣重构您的标记，usinf CSSnth-of-type()将帮助您

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

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

演示

于 2013-05-18T11:36:57.417 回答