一些元素居中的写法

2022-05-30 分类：网站建设

一、行内元素水平居中

text-align: center;

二、行内元素垂直居中

height: 40px;line-height: 40px; 让这两个值相等

三、块级元素水平居中

width: 300px; margin: 0 auto; 可以不设置高度

三、块级元素垂直居中

1.固定宽高块级元素垂直居中

            div{ width: 200px; 
        height: 100px; 
        line-height: 100px; 
        border: 1px solid #000; 
        text-align: center; 
        position: absolute; 
        left: 50%; 
        top: 50%; 
                margin-left: -100px; 
        margin-top: -50px; 
            }

文章标题：一些元素居中的写法
地址分享：https://www.cdcxhl.com/news/161189.html

成都网站建设公司_创新互联，为您提供定制开发、营销型网站建设、域名注册、标签优化、网站排名、ChatGPT

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容