Div文字居中
来源:互联网 发布:网络克隆 编辑:程序博客网 时间:2024/05/13 04:28
1.单行文字
设置div的高度与文字的行高一样就可以了,即 line-height 和 height 的数值是一样的就可以了,最后给div一个 over-flow: hidden ,让超出的部分隐藏.
这种方法支持块级和内联极元素以及所有的浏览器,不过只能显示一行,而且IE中不支持< img >等的居中,之所以要用 overflow: hidden ,是因为当用户放大字体时,字会超出div的范围.
插入代码:
div{
height: 20px;
line-height: 20px;
overflow: hidden;
}
height: 20px;
line-height: 20px;
overflow: hidden;
}
很简单,只要设定一样的 padding-bottom 和 padding-top 就可以了
插入代码:
div{
padding-top: 20px;
padding-bottom: 20px;
}
padding-top: 20px;
padding-bottom: 20px;
}
现在比较好用的就着两种方法了,当然还可以利用浏览器的CSS hack,用得比较少,就不多讲了.
- div中的文字居中
- Div文字居中
- DIV文字居中
- div中的文字居中
- css - div - 文字居中
- div中文字垂直居中
- div中文字垂直居中
- div中文字垂直居中
- CSS 中Div文字居中
- div内文字垂直居中
- div+CSS 文字垂直居中
- css+div 文字居中问题
- div+css 关于文字居中
- div中的文字居中代码
- div+css文字垂直居中
- div+css文字垂直居中
- div中的文字垂直居中
- DIV蒙版,单行文字居中
- ASP.NET底层架构
- Java高级程序设计及企业级应用
- About the Copyright
- 自己做的贪食蛇游戏~
- 使用MockEJB简化EJB测试
- Div文字居中
- 学中文的好友写的诗,’还《堂吉诃德》有感‘
- JSP 文件下载的相对完整代码(解决中文问题和Weblogic报错)
- 物管想要涨价了
- 在Ubuntu中用root帐号登录
- SQL中exists,any,all,some,in的问题
- 进行有效编辑七种习惯
- 在windows XP下如何用Vmware装Linux操作系统
- free命令、buffer与cache的区别