css不定宽块级元素居中方法一

来源:互联网 发布:爱数数据备份 编辑:程序博客网 时间:2024/06/08 01:36

上一节介绍了定宽块级元素居中,只需要设置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;

欢迎转载,请注明出处!

1 0
原创粉丝点击