您的位置:首页 > Web前端 > CSS

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;

欢迎转载,请注明出处!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息