CSS:最小高度和垂直对齐:中间
如何强制CSS:最小高度和垂直对齐:中间,css,html-table,Css,Html Table,如何强制min height和vertical align:middle用于td元素或其内部元素?td元素上的height相当于min height,因为表格单元格在需要时总是会拉伸-但请注意,特别是在复杂表格中,设置表行的高度是一个棘手的、通常是不可能的过程,浏览器在呈现表的方式上有很大的回旋余地,并且经常会做出“判断调用” 可能会完成任务…您可以始终在td中放置一个div,并在div中放置css规则。要强制td的最小高度属性,您还可以在td中放置不可见图像,或将td包装到div中。 第一种情
min height
和vertical align:middle
用于td
元素或其内部元素?td元素上的height
相当于min height
,因为表格单元格在需要时总是会拉伸-但请注意,特别是在复杂表格中,设置表行的高度是一个棘手的、通常是不可能的过程,浏览器在呈现表的方式上有很大的回旋余地,并且经常会做出“判断调用”
可能会完成任务…您可以始终在td中放置一个div,并在div中放置css规则。要强制td的最小高度属性,您还可以在td中放置不可见图像,或将td包装到div中。 第一种情况的示例:
<td><img style="float:left;min-height:50px;visibility:hidden;width:0px;">12345</td>
12345
我不太清楚您的问题是什么?你已经试过什么代码了?我是说你想要这样??放填料。。。它会给你效果,但方法不好。你知道你可以在同一组{}
中放置多个声明,对吗?但我需要最小高度。:)例如,当我为td内的div元素设置最小高度时,除了垂直对齐之外一切都很好:)我需要最小高度,因为我不知道内部元素的确切高度。div或td内的任何其他元素是不同的故事,即使您可以设置它的高度,从理论上讲,这是100%的“td”高度的100%。。然后您将无法获得垂直对齐。。由于该属性仅适用于td
本身和内联级元素-最好让内部元素没有/自动高度,这样它们将使用td的垂直对齐。。如果您想要背景或效果,请考虑如何使用td
。。举个例子,我们可以看到您真正想要的是什么;)+1我认为对于绝对定位的td,则min height
是正确的样式。我使用绝对定位的td“冻结”列,然后其他列是相对列,因此绝对列得到min height
,其余列得到height
。
margin: *;
<td><img style="float:left;min-height:50px;visibility:hidden;width:0px;">12345</td>