html常见布局问题

标签：html布局   图片   居中   浮动   

html布局中的一些常见问题：

    1.当图片和文字房子同一行，此时调整图片的位置文字也会跟着移动。若要让图片，文字都垂直居中需要把图片和包含文字的标签同时设置diplay:inline-block;图片用vertical-align:middle居中,文字用line-height居中或者vertical-align:middle.

    2.万能清浮动

      .clearFloat{

            clear:both;

            height:0;

            line-height:0;

        }

     利用该css可以清掉.clearFloat上面的浮动元素A的浮动，令其独占一行。下面的元素B不会再与A显示在同一行，即使宽度足够。

本文出自 “day-dream's blog” 博客，转载请与作者联系！

html常见布局问题

标签：html布局   图片   居中   浮动   

原文地址：http://9797673.blog.51cto.com/9787673/1828257