CSS居中
来源:互联网 发布:tessanne chin 知乎 编辑:程序博客网 时间:2024/05/01 01:01
在div文字居中
1. 水平
① div内的标签块(ie):父元素,text-align:center;
② div内的标签块(非ie):子元素,margin-right:auto; margin-left:auto;
③ div内的纯文字:text-align:center;
2. 垂直
① 单行
vertical-align(只作用于在同一行内的元素,vertical-align:middle,line-height等于height,over-flow: hidden)
缺点:IE中不支持<img>等的居中
缺点:只能显示一行
优点:同时支持块级和内联极元素
优点:支持所有浏览器
注意:使用相对高度定义你的 height 和 line-height(单位:em)
注意:不想毁了你的布局的话,overflow: hidden 一定要
② 多行
变通方法:div内加一个table,内容文字放在table里的td内,td的vertical-align:middle
标准方法:div容器高度可变且必须可变(即不能固定高度),padding-bottom=padding-top的高度即可
优点:同时支持块级和内联极元素
优点:支持非文本内容
优点:支持所有浏览器
缺点:容器不能固定高度
③ 图片居中
可以用背景的方法,background:url(images/logo.gif) #fff no-repeat center;关键是center
- CSS居中
- CSS居中
- css居中
- CSS居中
- css居中
- css 居中
- css 居中
- css居中
- [css] 居中
- css居中
- CSS居中
- css居中
- css居中
- CSS居中
- css居中
- CSS | 居中
- CSS居中
- CSS居中
- C# Media Player控件
- ASP.NET中bin app_code app_data等文件夹的作用
- c#生成缩略图
- object 标签
- c里面的冒号——位域定义器
- CSS居中
- 使用 HttpWebRequest 向网站提交数据
- 通过HttpWebRequest 发送 POST 请求实现自动登陆
- C#对Excel的相关操作
- 解决JSP页面的中文乱码(2002年原创)
- 什么是冒烟测试 每日build
- 转: openwrt
- GetTypeHashCode() 没有找到适合的方法来重写
- 使用HttpWebRequest以及HttpWebResponse读取Http远程文件