一些元素居中的写法

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/news39/161189.html

成都网站建设公司_创新互联,为您提供云服务器全网营销推广品牌网站制作做网站定制开发响应式网站

广告

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

外贸网站建设