HTML+CSS 如何居中一个浮动元素

2017-05-14  本文已影响0人  Joe_Somebody

父元素和子元素同时左浮动,然后父元素相对左移动50%,再然后子元素相对右移动50%,或者子元素相对左移动-50%也就可以了。

<style type="text/css">
    .p{

        position:relative;

        left:50%;

        float:left;

    }
    .c{

        position:relative;

        float:left;

        right:50%;

    }
</style>


<div class="p">

    <h1 class="c">Test Float Element Center</h1>

</div>
上一篇 下一篇

猜你喜欢

热点阅读