用HTML格式化表格式的div

Question

我正在试图找出如何对我的div进行CSS样式以便创建一些数据的日历视图。

以下是我到目前为止的截图。

我正在使用一张桌子，有tr和五个td。在td里面我添加了一个显示的div：inline-block。有点像这种结构：

<table>
  <tr>
    <td><div></div></td>
    <td><div></div></td>
    <td><div></div></td>
    <td><div></div></td>
    <td><div></div></td>
  </tr>
  <tr>
    <td><div></div></td>
    <td><div></div></td>
    <td><div></div></td>
    <td><div></div></td>
    <td><div></div></td>
  </tr>
</table>

只要Div内部没有文字就可以了，但是当我添加一些文字时，网格会偏斜，如图所示。

我尝试了不同的表与div的变体，但我可以让它正确显示。

您对如何创建此日历视图有任何建议吗？

（我不想使用calendar-plugin，因为这是我正在构建的更复杂的资源视图的一部分。）

Answer 1

使用CSS使用NaN和df2.iloc[:n-1, df2.columns.get_loc('C')] = np.nan 以表格形式对齐div，确保为每个div赋予单独的n。

HTML

text-align

CSS

vertical-align

尝试一下，然后告诉我是否不足。

如果div大于9，请使用像素进行对齐