一：float屬性

在前端中，很多人會使用float屬性去進行圖文混排，但是對于新人都不知道float屬性是什么用，其實float屬性就兩個屬性，一個是左一個是右，left是表示該元素向左浮動，right表示該元素是向右浮動。在一般情況下，元素不會自己浮動的。【推薦學習：HTML5在線手冊
】

例如:

 <title>CSS浮動float屬性</title>
    <style type="text/css">
       img{float:left;}
       p{font-size:16px;text-indent:28px;}
    </style>

顯示效果如下：

但是對于仔細的讀者就會發現，文本的頂部和圖片怎么不會水平居中呢，其實是這樣的，在瀏覽器中，p標簽具有默認的效果，就像我們看到strong就是看到了加粗一樣，如果想要圖片和文本保持一致的話，就要去除瀏覽器中的樣式，

二：如何利用float屬性設置圖片和文字的間距

當文字圍繞在圖片周圍，和文字也有一定的距離，只要我們在圖片屬性中加一下屬性就可以了，代碼如下：

<style type="text/css">
       img{margin-right:20px;margin-bottom:20px;float:left;}
    </style>

在css中，float屬性是很重要的，在利用float的時候，我們經常會對div使用float效果來布局，不僅對整個效果規劃，同時也是一些基本的元素進行排列，

以上就是對前端float怎么用？float屬性詳解的全部介紹，如果你想了解更多有關Html5教程，請關注php中文網。

以上就是前端float怎么用？float屬性詳解的詳細內容，更多請關注php中文網其它相關文章！