美文网首页
css元素绝对居中,横向居中,纵向居中

css元素绝对居中,横向居中,纵向居中

作者: 彬彬彬boboc | 来源:发表于2018-01-31 09:27 被阅读0次

.clock{

width: 500px;

height:500px;

position: absolute;

top: 50%;

left:50%; 

/*这时的元素的左上角再页面的正中间,我们要实现的是元素的中心点在页面的正中间*/

margin:-250px 0 0 -250px;

/*那么,要把他的上边距减去他的一半*/

background:blue;

}

相关文章

  • css元素绝对居中,横向居中,纵向居中

    .clock{ width: 500px; height:500px; position: absolute...

  • css居中样式的总结

    1:文本居中显示text-align:center; 2:元素级别居中: 横向居中的子元素css样式设置posit...

  • 居中问题

    css图片居中 1 tanslate居中 2 text-align属性水平居中 3 绝对定位元素居中 4 css3...

  • 垂直居中的方法

    行内元素居中 html css before元素居中 html css table-cell居中 css 垂直居中...

  • 垂直居中,水平居中

    CSS设置行内元素的水平居中 CSS设置行内元素的垂直居中 CSS设置块级元素的水平居中 CSS设置块级元素的垂直居中

  • CSS之居中问题

    CSS居中主要分为两类 水平居中 (水平居中分为行内元素居中和块状元素居中 块状元素居中又分为 定宽元素 和 不...

  • CSS居中小结

    CSS居中总结 最近在学习CSS居中,居中里面又包含水平居中和垂直居中,分不太清内联元素(inline or in...

  • css 水平垂直居中实现方式

    css 水平垂直居中实现方式 水平垂直居中包括行内元素居中,以及块级元素居中 行内元素html结构 块级元素结构 ...

  • css 图片居中

    css图片居中(水平居中和垂直居中) css图片水平居中 块状元素直接用text-align:center, di...

  • 2020-03-05 CSS水平垂直居中学

    1.块级元素水平居中,水平元素垂直居中 CodePen:CSS块级水平居中 2.块级元素垂直居中 CodePen:...

网友评论

      本文标题:css元素绝对居中,横向居中,纵向居中

      本文链接:https://www.haomeiwen.com/subject/emqkzxtx.html