在CSS中设置垂直居中的方法：1.使用line-height属性设置垂直居中；2.使用verticle-align属性设置垂直居中；在css中设置垂直居中的方法使用line-height属性设置垂直居中页面布局：<body>&n
在CSS中设置垂直居中的方法：1.使用line-height属性设置垂直居中；2.使用verticle-align属性设置垂直居中；
在css中设置垂直居中的方法
使用line-height属性设置垂直居中
页面布局：
<body> <div id="out">
<div id="in"></div>
</div>
</body>
css样式：
#in{ height: 100px;
line-height: 100px;
border: solid 1px #333;
}
使用verticle-align属性设置垂直居中
页面布局：
<body> <div id="out">
<div id="in"></div>
</div>
</body>
css样式：
#out{ width:600px;
heigth:300px;
}
#in{
width:50%;
height:50%;
display：inline-block;
vertical-align:middle;
}
--结束END--
本文标题: css如何垂直居中
本文链接: https://www.lsjlt.com/news/111832.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑，方便收藏和打印～
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0