我有一个div,当鼠标悬停在链接上时,它可以像工具提示一样弹出。它在概念上有5行:一行文本,一个按钮,一个分隔线,一行文本,一个按钮。垂直对齐堆栈内容
----------------
| Click here: |
| [Button1] |
| ---------- |
| Or Click Here: |
| [Button2] |
------- -------
\/
每一行当前都是一个带有图像背景的div,它的内容都很正常。但是现在我们需要有条件地显示顶部和底部按钮的组合。如何将可见元素垂直居中放置在弹出窗格中,因为“行”显示或隐藏?弹出的div需要在顶部至少有20px的填充。
---------------- ----------------
| || |
| Or Click Here: || Click here: |
| [Button2] || [Button1] |
| || |
| || |
------- ------- ------- -------
\/ \/
我读过这样的:http://www.boutell.com/newfaq/creating/centervertically.html但我不知道如何与多个堆叠的内容应用它。
我不完全明白你需要什么....你是说你想让弹出窗口像你显示的第一个例子,除了隐藏的按钮之一?或者你需要弹出只有一个按钮,并垂直居中? – bfink
对不起,我感到困惑。是的,所以它可以看起来像第一个,或者我可以隐藏其中一个按钮,其相关文本和分隔线。在那一点上,我希望它自动调整以垂直居中剩余的可见内容(我试图在后面的两个示例中展示)。 – xr280xr
我想我已经在WPF工作了很长时间了,我忘了DHTML是一个大黑客(至少我们现在使用它的事情)。记住后我决定为什么不再攻击一些。我首先尝试使用JavaScript来智能地重新计算顶部边距,以便为我的内容居中。由于IE无视标准,这太乱了。所以我最终使用JavaScript来换出div上的css类,以调整顶部和底部边距,并使其看起来居中。尽管如此,我仍然有兴趣听到自动实现它的好方法。 – xr280xr