Css之关于块级元素水平居中
来源:互联网 发布:s7200cn密码破解软件 编辑:程序博客网 时间:2024/06/03 00:13
第一种方法:块级元素如Div可以使用Margin-Left:Auto和Margin-Right:Auto来实现,但前提是这个块级元素必须是设置了固定宽度的。对于不能确定宽度的块级元素就不能这们做了,但是我们可以用Table这个标签来实现。它的宽度由内部的元素决定(撑开),即使不给它设定固定宽度,对它设置了Margin-Left:Auto和Margin-Right:Auto也能实现水平居中,因此我们可以把想水平居中但又不确定宽度的块级元素放在Table中实现。
第二种方法:就是把块级元素的Display设为Inline即改为行内元素,这样通过设置父元素的Text-Align:Center。来实现居中了,但这样做后块级元素就不能设置Width属性了。(img是行内元素所以只需在父元素中加入text-align:center即可)
第三种方法:就是把父元素增加Float:Left,同时设置Position:Relative和Left:50%。而子元素设置Position:Relative和Left:-50%来实现水平居中。这样就可以保留块级元素的Display:Block属性。
三种方法根据具体情况来选择。
1 0
- Css之关于块级元素水平居中
- 块级元素水平居中
- 水平居中块级元素
- css 不定宽度的块级元素水平居中
- CSS实战技巧:块级元素水平垂直居中
- CSS设置行内元素和块级元素的水平居中、垂直居中
- CSS设置行内元素和块级元素的水平居中、垂直居中
- CSS内联元素、块级元素的水平居中和垂直居中方法总结
- 块级元素水平垂直居中方法
- 块级元素上下 或 水平居中
- CSS之元素水平/垂直居中问题
- css元素水平居中
- css 元素水平居中
- 块内元素水平居中
- CSS块元素居中
- CSS文字图片div元素居中方法之水平居中
- css块垂直水平居中
- 内联元素在块级元素内部垂直水平居中
- Android 6.0 运行时权限处理完全解析
- Spring Security权限管理框架
- 【计算机】DMA原理1
- ZOJ 1420 Cashier Employment
- 个推平台API使用经验
- Css之关于块级元素水平居中
- html5动态加载图片和加载视频
- 解决Web部署 svg/woff/woff2字体 404错误
- forward与direct的区别
- 2016.03.06
- BC23&&hdoj5146&&hdoj5147
- 代码摘录
- java学习笔记-java异常处理机制
- C4.5算法