首页 期权学习期权知识正文

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

xiaojiucai 期权知识 2020-08-18 225 0

第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

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

微信扫码关注

更新实时通知

版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。

评论