博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
网页居中
阅读量:5136 次
发布时间:2019-06-13

本文共 424 字,大约阅读时间需要 1 分钟。

行内元素居中       text-align

块级元素居中,在布局外层DIV盒子时候使用margin:0 outo

绝对定位居中       position:absolute         要设置left ,top ,margin-left ,margin-top的值

或是使用position:fixed      但是要配合margin:auto一起用

display:flex        也要配合margin:auto使用,但是这个不仅在水平上能元素居中,在垂直方向上也是可以的

line-hight    也可以配合着text-align:center使用,可使盒子里面的文字居中,但是line-hight后面的值一定要等于它所在盒子的高度

vert-ical-align:middle此属性值也可居中,但是它要看浏览器,有些浏览器是不支持的

使用container就是它所包裹的范围整个居中

 

转载于:https://www.cnblogs.com/yanghui-12/p/7061976.html

你可能感兴趣的文章
Django(admin)
查看>>
针对express新version,通过Node.js, Express, Ejs, Mongodb搭建一个简单的web应用。可实现用户的查看和增加。...
查看>>
sigaction
查看>>
基础知识回顾系列
查看>>
外键约束
查看>>
RMAN数据库异机迁移步骤
查看>>
mysql metadata lock
查看>>
编程的32个算法
查看>>
CSS:CSS定位和浮动
查看>>
Java:基本数据类型包装类
查看>>
Java:IO流之字节流InputStream、OutputStream详解
查看>>
216 Combination Sum iii
查看>>
杭电1159 Common Subsequence【最长公共子序列】
查看>>
UVa 11464 Even Parity
查看>>
第二周 9.5 --- 9.11
查看>>
LATEX双栏最后一页如何平衡两栏内容
查看>>
大神教你如何快速解决所有电脑的问题?
查看>>
SpringMVC运行原理
查看>>
一个彩色颗粒随鼠标移动的html5源码
查看>>
swun 1397 来电显示
查看>>