一些元素居中的写法

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。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都网页设计公司