CSS盒子模式詳解三

來源:互聯網
上載者:User

  大家好,我是float,歡迎訪問CSS家族,在CSS家族中,在當今CSS排版流行的年代,我可扮演著重要的角色哦。因為我的工作對網頁設計人員很有用,就像之前align協助你們定位網頁元素一樣重要,但是我的功能似乎比align強多了。接下來我將現場給你示範我的絕活,看細心點哦。當然也許我一下子不能把我所有的技巧給大家示範,因為有些技巧本人也許一下子記不起來了,那就請那些對我比較瞭解的人來幫我補充補充囉,比如版主等等啊。

  先講一下我主要的工作,我主要是協助對像在網頁中對齊的,一旦我發出float:left或float:right命令,被我浮動的對像就會向左或向右移動直到遇到邊框( border) 、填充( padding) 、邊界( margin )或者另一個塊對象的邊緣為止,當然也有一些看起來較特殊的情況,比如被我浮動的元素設定了一個負邊界(margin)的時候。我還可以讓文字流環繞在被我浮動的對像周圍,這也是我的特色。另外要注意的一點是,最好給浮動物件設定一下寬度,不然會出現一些意想不到的麻煩。我主要浮動類型有兩種,它們是float:left和float:right,當然我還有一個功能是float:none,不過float:none比較少用,這也是我的預設值,有時也是很有用的,我等一下會講的。下面我開始表演了,我的舞台可以是IE(Internet Explorer),或者FF(Firefox),但是有些技巧我一定要在標準的舞台中,如FF中才能表出來做的,請注意看我的說明,不然你用IE是看不到效果的。

  1.我不動聲色(我的屬性不設定的時候),即:float:none,或者樣式中不寫這一項時,網頁中的元素將按照它們自身的出現方式排列,一般是靠邊對齊,先出現的排在前邊,下面運行框是DIV先出現,P後出現,所以P排在DIV後面,注意看DIV的右邊還有很多空間,但是P的文字不會跟在它的右邊去。

[1] [2] [3]  下一頁



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。