Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/visual-studio/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
css-div问题_Css - Fatal编程技术网

css-div问题

css-div问题,css,Css,我有这种安排 ...<td> <div></div> <div></div> <div></div> </td> 。。。 div标记充满了动态数据。我把div标签放在td单元格中,因为中间的div填充了一个图像,可以是不同的高度。我要做的是让顶部div对齐到顶部的细胞,底部div对齐到底部,和中心div,其中包含图像,以填补整个空间在中间和中心对齐。

我有这种安排

...<td>
       <div></div>
       <div></div>
       <div></div>
   </td>
。。。
div标记充满了动态数据。我把div标签放在td单元格中,因为中间的div填充了一个图像,可以是不同的高度。我要做的是让顶部div对齐到顶部的细胞,底部div对齐到底部,和中心div,其中包含图像,以填补整个空间在中间和中心对齐。到目前为止,我所有的尝试都失败了,出于某种原因(是的,我已经看过了,没有竞争性的款式),我无法让div填满可用的空间。我曾尝试将div封装在容器div中,但也没有成功。您的建议/帮助请:)


谢谢,R.

您应该查看一些方便的CSS属性

盒子尺寸(请开始谷歌搜索这个)


边距、填充、垂直对齐

表格填充


考虑使用“auto”作为一些定心的值。

最简单的方法是忘记div,改用表格单元格。这里的优点是,当您设置表格的高度时,单元格将自动填充所有空间。这样可以定义顶部和底部单元格的固定高度,中间单元格将占用剩余空间

例如:


如果你不使用固定高度,你会看到单元格会尽其所能,剩下的部分会被分割成其余的单元格:

边距、填充、垂直对齐,我尝试了所有这些都没有用,这就是我发布的原因。Alec的问题是我有一个div或一个表(我两个都试过)包含我想“填充”dt单元的信息,而此时该单元不工作,这就是我为什么要问的。哦,图像大小不同,这就是导致整个调整大小问题的原因。你说的“填充”是什么意思?装满什么?我读它的方式是你想要在顶端的内容,在底部的内容,并且使用中间留下的任何空间来显示特定的图像。没有任何特定高度,桌子仍然是最简单的方式: