请参考英语答案
howtocenteranelementhorizontallyandvertically? 有九种答案: CENTER A DIV的垂直和水平方向,但重要的是,如果窗口小于内容,无法剪切内容的div需要背景颜色、宽度和高度。
我一直是以绝对位置和负边距为中心提供divs图像的例子。 但是问题是削减了上部的内容。 有没有办法让div集中起来? 内容没有这个问题吗?
CSS :
body { margin: 0px; }
. background {
width: 100%;
height: 100%;
边距: 0;
padding: 0;
background-color: yellow;
}
/*
isthereabetterwaythantheabsolutepositioningandnegativemargintocenterthediv.content : divwithbackgroundcolorawidthandahight
*/
. content {
width: 200px;
height: 600px;
background-color: blue;
定位:助手;
top:50%;
left:50%;
边距左边缘:-100 px;/*半宽* /
边距-顶部:-300 px; /* half height*/
}
HTML :
some text我的问题是“如何以要素的水平和垂直方向为中心? 不是”。 1-我以前问过你我的问题。 (只是检查日期。 2-我的问题很清楚。 黑色条件:如果窗口小于内容,则不剪切内容