Css 如何填充表格单元格的整个水平空间?

Css 如何填充表格单元格的整个水平空间?,css,html,Css,Html,我试着在我的桌子上做这些div来填充整个单元格空间,即使没有足够的内容 如果您在下面看到,第一个单元格数据\u cell1\u lt没有完全用文本水平填充,因此它使苹果图像数据\u cell3\u lt向左移动 接下来的两行文本和图像完全对齐,但这只是因为有足够的文本填充整个单元格 给数据行一个100%的宽度,它应该可以工作 原因是,数据行显示为内联块。是否需要类似的内容 我刚刚加了宽度:100%;在.data row类中,为data row类添加100%的宽度: .data_row {

我试着在我的桌子上做这些div来填充整个单元格空间,即使没有足够的内容

如果您在下面看到,第一个单元格数据\u cell1\u lt没有完全用文本水平填充,因此它使苹果图像数据\u cell3\u lt向左移动

接下来的两行文本和图像完全对齐,但这只是因为有足够的文本填充整个单元格

给数据行一个100%的宽度,它应该可以工作


原因是,数据行显示为内联块。

是否需要类似的内容


我刚刚加了宽度:100%;在.data row类中,为data row类添加100%的宽度:

.data_row {
    height:100%;
    min-height:100%;
    white-space:nowrap;
    display:table;
    width:100%;        
}

是的,我知道。为什么要问?在数据行之间添加空格的最佳做法是什么?我会在边距底部或空白处添加一些像素
.data_row {
    height:100%;
    min-height:100%;
    white-space:nowrap;
    display:table;
    width:100%;        
}