css：css标记不能在td元素中工作

我在做一些应该很简单的事情时遇到了困难，即为每月日历使用的表格创建一个td标记。css：css标记不能在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 */ 
}

希望了解什么，我做错了什么建议。

来源

2013-05-18 user1904273

它确实有效，现在我不明白为什么你需要这些属性？因为它们没有被广泛尚不支持，尤其是IE浏览器将是游戏扰流板为您

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

如果您需要固定宽度的列，使用和分配一些fixed宽度你的表像这样，现在你的列将不具有灵活的宽度

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

Demo

也在你的font-size财产，不使用任何unit，因此它是不适用

如果你有兴趣重新因数您的标记，usinf CSS nth-of-type()将帮助您

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

这样你就不必在每个单元

Demo

使用类

来源

2013-05-18 11:36:57

您还没有在font-size中指定单位。它应该像font-size:14px;

来源

2013-05-18 11:36:01

使用

font-size:14px

，而不是

font-size:14

来源

2013-05-18 11:36:17 Sachin

你font-size没有一个单元例如

font-size: 14px;

你column-width特性被成功应用。尽管这只是向浏览器提示列的最佳宽度，并不会隐含地调整列的大小。

来源

2013-05-18 11:36:47

css：css标记不能在td元素中工作

回答

相关问题