首页 > 编程知识 正文

html5垂直居中,css水平居中和垂直居中

时间:2023-05-06 20:05:01 阅读:169829 作者:1943

请参考英语答案

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-我的问题很清楚。 黑色条件:如果窗口小于内容,则不剪切内容

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。