css不定宽块级元素居中方法一
2016-02-22 18:10
316 查看
上一节介绍了定宽块级元素居中,只需要设置margin:0px auto;即可
那这一节向大家介绍不定宽块级元素居中的第一种方法,添加table标签。
html关键代码
<div>
<p>不定宽块级元素居中的第一种方法,加入table标签</p>
</div>
第一步:为需要居中的元素添加table标签,包含tbody,tr,td
html关键代码
<div>
<table>
<tbody>
<tr>
<td>
<p>添加了table标签的不定宽块级元素</p>
</td>
</tr>
</tbody>
</table>
</div>
第二步:给table设置margin:0px auto;
css关键代码
<style>
table{margin:0 auto;}
</style>
下一节将介绍不定宽元素居中的第二种方法,设置display:inline;
欢迎转载,请注明出处!
那这一节向大家介绍不定宽块级元素居中的第一种方法,添加table标签。
html关键代码
<div>
<p>不定宽块级元素居中的第一种方法,加入table标签</p>
</div>
第一步:为需要居中的元素添加table标签,包含tbody,tr,td
html关键代码
<div>
<table>
<tbody>
<tr>
<td>
<p>添加了table标签的不定宽块级元素</p>
</td>
</tr>
</tbody>
</table>
</div>
第二步:给table设置margin:0px auto;
css关键代码
<style>
table{margin:0 auto;}
</style>
下一节将介绍不定宽元素居中的第二种方法,设置display:inline;
欢迎转载,请注明出处!
相关文章推荐
- 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的一些细节分析