html元素垂直居中

最新推荐文章于 2024-01-18 14:48:58 发布

weixin_30247307

最新推荐文章于 2024-01-18 14:48:58 发布

阅读量99

点赞数

原文链接：http://www.cnblogs.com/chentu279203653/p/9447195.html

版权

<!DOCTYPE html>
<html>
<head>
<title>垂直居中示例</title>
<style type="text/css">
.container{
width:100%;
height: 100px;
padding-left: 20px;
background-color: #cccccc;
position: relative;
}
.container span{
position: absolute;
top:50%;
transform: translate(0,-50%);
}

</style>
</head>
<body>
<div class="container">
<span>垂直居中的文本</span>
</div>
</body>
</html>

转载于:https://www.cnblogs.com/chentu279203653/p/9447195.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30247307

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html元素垂直居中

<!DOCTYPE html><html> <head> <title>垂直居中示例</title> <style type="text/css"> .container{ width:100%; height: 100px; padding-left: 20px; background-col...
复制链接

扫一扫