期权记-ETF期权开户导航 期权记是专业的50ETF300ETF期权开户投资交易导航

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

第一种:

<!DOCTYPE html>      <html>      	<head>      		<meta charset="UTF-8">      		<title></title>      		<style type="text/css">      			*{      				padding: 0;      				margin: 0;      			}      			.dd{      				width: 400px;      				height: 300px;      				background: darkcyan;      				/*第一种水平垂直居中的方法*/      				position: fixed;      				left: 50%;      				top: 50%;      				margin-left:-200px;      				margin-top: -130px;      			}      		</style>      	</head>      	<body>      		<div class="dd"></div>      	</body>      </html>

第二种:

<!DOCTYPE html>      <html>      	<head>      		<meta charset="UTF-8">      		<title></title>      		<style type="text/css">      			*{      				padding: 0;      				margin: 0;      			}      			.dd{      				width: 400px;      				position: fixed;      				background: darkcyan;      				/*如果元素没有固定的宽高*/      				left: 50%;      				top: 50%;      				transform: translate(-50%,-50%);  /*translate 元素水平垂直*/      			}      		</style>      	</head>      	<body>      		<div class="dd">李盈莹作为奇兵用可以,但作为中坚尚有距离,主要是稳定性差,关键战役失一个球就是1分,所以中美之战还没让之首发。而昨天首发的几个人几乎完美,丁霞的二传发挥到了极至,昨天一传不到位时大调整攻,中国的比美国下球还好,这朱婷最大的突破。</div>      	</body>      </html>

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

微信扫码关注

更新实时通知

作者:期权小韭菜 分类:网页教程 浏览:
请先 登录 再评论,若不是会员请先 注册