css定宽块级元素居中
2016-02-22 17:51
399 查看
上一节介绍了行级元素的水平居中,只需要给父元素设置text-align:center即可,那这一节向大家介绍块级元素的水平居中。
块级元素的水平居中,又分为定宽块级元素与不定宽块级元素,本节介绍定宽的块级元素居中。定宽的块级元素居中设置margin:0px auto;即可。
html关键代码
<div class="blockCenter">
这是一个定宽的块级元素,定宽可以通过width:100px;或者width:20%;实现
</div>
css关键代码
<style>
.blockCenter{
width:500px;/*实现定宽*/
margin:0px auto;/*居中*/
}
</style>
下一节将介绍不定宽的块级元素居中。
欢迎转载,请注明出处!
块级元素的水平居中,又分为定宽块级元素与不定宽块级元素,本节介绍定宽的块级元素居中。定宽的块级元素居中设置margin:0px auto;即可。
html关键代码
<div class="blockCenter">
这是一个定宽的块级元素,定宽可以通过width:100px;或者width:20%;实现
</div>
css关键代码
<style>
.blockCenter{
width:500px;/*实现定宽*/
margin:0px auto;/*居中*/
}
</style>
下一节将介绍不定宽的块级元素居中。
欢迎转载,请注明出处!
相关文章推荐
- Android布局的小窍门?
- Web布局连载——两栏固定布局(五)
- [div+css]晒晒最新制作专题推广页模板
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- [css] line-height 百分比单位和数值单位的区别
- 设计更快的网页(三):字体和 CSS 调整
- 纯CSS制作的新闻网站中的文章列表
- 10条影响CSS渲染速度的写法与使用建议第1/3页
- 通过Mootools 1.2来操纵HTML DOM元素
- BS项目中的CSS架构_仅加载自己需要的CSS
- 很不错的 CSS Hack 又学了一招
- 发一个css比较清爽的写法
- CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
- css布局网页水平居中常用方法
- CSS经典技巧十则第1/2页
- css 兼容性问题this.style.cursor=''hand''
- IE6不能正常解析CSS文件问题的解决方法及原因分析
- 欲练CSS ,必先解决IE的一些细节分析