1949啦网--小小 痛苦,是因为能力和欲望不匹配造成的

元素水平垂直居中的三种方式

第1种水平垂直居中的方法

.dd{      				width: 400px;      				height: 300px;      				background: darkcyan;      				/*第一种水平垂直居中的方法*/      				position: fixed;      				left: 50%;      				top: 50%;      				margin-left:-200px;      				margin-top: -130px;      			}


<div class="dd"></div>

第2种水平垂直居中的方法


.dd{      				width: 400px;      				position: fixed;      				background: darkcyan;      				/*如果元素没有固定的宽高*/      				left: 50%;      				top: 50%;      				transform: translate(-50%,-50%);  /*translate 元素水平垂直*/      			}


<div class="dd">李盈莹作为奇兵用可以,但作为中坚尚有距离,主要是稳定性差,关键战役失一个球就是1分,所以中美之战还没让之首发。而昨天首发的几个人几乎完美,丁霞的二传发挥到了极至,昨天一传不到位时大调整攻,中国的比美国下球还好,这朱婷最大的突破。</div>


第3种水平垂直居中的方法

.dd{      				width: 400px;      				height: 300px;      				background: darkcyan;      				/*第一种水平垂直居中的方法*/      				position: fixed;      				left: 0;      				top: 0;      				right: 0;      				bottom: 0;      				margin: auto;      			}
<div class="dd"></div>

原文链接:https://www.qiquanji.com/post/7702.html

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

微信扫码关注

更新实时通知

作者:xialibing 分类:网页教程 浏览: