CSS 图片在DIV中垂直居中的显示方法

最新推荐文章于 2023-06-02 19:45:58 发布

DL业精于勤荒于嬉

最新推荐文章于 2023-06-02 19:45:58 发布

阅读量2.3k

点赞数

分类专栏： c# 文章标签： css+html

本文链接：https://blog.csdn.net/donglindonglin/article/details/53670988

版权

vertical-align:middle;的作用

这篇文章重点写下vertical-align:middle;的作用

1、使用margin属性进行水平对齐

<!DOCTYPE html>
<html>
<head>
<style>
.center
{
margin:auto;
width:70%;
background-color:#b0e0e6;
}
</style>
</head>
<body>
<div class="center">
<p>这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。</p>
<p>这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。</p>
</div>
<p><b>注释：</b>除非已经声明了 !DOCTYPE，否则使用 margin:auto 在 IE8 以及更早的版本中是无效的。</p>
</body>
</html>

2、 vertical-align:middle;属性的使用：

最低0.47元/天解锁文章

DL业精于勤荒于嬉

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
CSS 图片在DIV中垂直居中的显示方法

vertical-align:middle;的作用这篇文章重点写下vertical-align:middle;的作用1、使用margin属性进行水平对齐.center{margin:auto;width:70%;background-color:#b0e0e6;}这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一
复制链接

扫一扫

专栏目录