如何<div>在浏览器窗口(不是页面,而不是屏幕)的中间放置一些HTML元素(例如,a )?不依赖于浏览器窗口大小,屏幕分辨率,工具栏布局等.例如,我希望它位于浏览器窗口的中间.
我希望<div>在视口(浏览器窗口)中垂直居中,而不需要使用Javascript(仅限纯HTML和CSS).我有几个限制:
div必须垂直于视口的中心. 方法我看到只支持在另一个内部支持<div>,这不是我想要的.div不详.其他限制:
div必须靠右对齐.div具有恒定的宽度.div必须支持填充.div充当菜单.这让我接近我想要的,但不完全是:
#nav {
position: fixed;
right: 0;
top: 50%;
}
Run Code Online (Sandbox Code Playgroud)
但是,导航的顶部位于导航的中间,而不是导航的中间.
是否有一些技术可以让我以div这些约束为中心?