這篇文章給大家分享的是有關CSS中Float浮動怎么用的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。

創新互聯服務項目包括宜川網站建設、宜川網站制作、宜川網頁制作以及宜川網絡營銷策劃等。多年來,我們專注于互聯網行業,利用自身積累的技術優勢、行業經驗、深度合作伙伴關系等,向廣大中小型企業、政府機構等提供互聯網行業的解決方案,宜川網站推廣取得了明顯的社會效益與經濟效益。目前,我們服務的客戶以成都為中心已經輻射到宜川省份的部分城市,未來相信會繼續擴大服務區域并繼續獲得客戶的支持與信任!
CSS的 Float(浮動),會使元素向左或向右移動,其周圍的元素也會重新排列。
Float(浮動),往往是用于圖像,但它在布局時一樣非常有用。
元素怎樣浮動?
元素的水平方向浮動,意味著元素只能左右移動而不能上下移動。
一個浮動元素會盡量向左或向右移動,直到它的外邊緣碰到包含框或另一個浮動框的邊框為止。
浮動元素之后的元素將圍繞它。
浮動元素之前的元素將不會受到影響。
如果圖像是右浮動,下面的文本流將環繞在它左邊:
實例
img
{
float:right;
}
彼此相鄰的浮動元素
如果你把幾個浮動的元素放到一起,如果有空間的話,它們將彼此相鄰。
在這里,我們對圖片廊使用 float屬性:
實例
.thumbnail
{
float:left;
width:110px;
height:90px;
margin:5px;
}
清除浮動 -使用 clear
元素浮動之后,周圍的元素會重新排列,為了避免這種情況,使用 clear屬性。
clear屬性指定元素兩側不能出現浮動元素。
使用 clear屬性往文本中添加圖片廊:
實例
.text_line
{
clear:both;
}
感謝各位的閱讀!關于“CSS中Float浮動怎么用”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
當前標題:CSS中Float浮動怎么用
文章出自:http://www.yijiale78.com/article34/pcedse.html
成都網站建設公司_創新互聯,為您提供Google、微信小程序、企業網站制作、網站營銷、App設計、手機網站建設
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯