将顶部的td元素与动态添加的元素对齐

Question

在此Plunker中，我制作了一个类似于日历的表，我的问题是，即使我添加了以下CSS，该表中的日期也不总是从左上角开始

td {
    vertical-align: top;
}

我不明白为什么它不能像以前在其他情况下一样起作用。是否与我要附加的元素font有关？

Answer 1

您在word-wrap:break-word

中缺少逗号

td {
    padding: 4px 4px 4px 2px;
    border: solid 1px #ccc;
    word-wrap:break-word /* HERE  */
    vertical-align: top;
}

解决这个问题，就行了！

Answer 2

实际的问题是，您缺少;在您代码的前一行。

就像这样，它就像是魅力：

td {
    padding: 4px 4px 4px 2px;
    border: solid 1px #ccc;
    word-wrap:break-word;
    vertical-align: top;
}

Answer 3

您忘记了';' 'word-wrap：break-word'行的结尾

Answer 4

您在下面指定的位置缺少分号。用分号可以解决您的问题。

td {
    padding: 4px 4px 4px 2px;
    border: solid 1px #ccc;
    ****word-wrap:break-word (missing ; )****
    vertical-align: top;
}