兩個span在div內一個居左一個居右結構
把span當作div來結構結構，讓一個span在div里居左，一個span在div內居右，接納float浮動機關。
一、癥結CSS代碼：
居左：float:left
居右：float:right
二、div內組織span實例
實例說明：一個div設置不一定寬度，再里面布置兩個span盒子，為了能看見span盒子可否靠左靠右布局，同時設置css邊框。
1、殘缺HTML代碼
span在div內居左居右
#tcss{?width:400px;?overflow:hidden}
.left{?float:left;?width:180px;?border:1px?solid?#F00}
.right{?float:right;?width:200px;?border:1px?solid?#00F}應用span機關居左
使用span機關居右
應用span著實與運用div一樣布局，只不過標簽一致罷了，運用float豈論是span還是div均能實現框架結構。
div css實例實現span在div內居左與居右機關
三、總結
只管默認環境下span不是塊元素，默認不會獨占一行，看似沒有div那樣有獨有一行的特性，但列入了float浮動屬性后其功用和div同樣了，能作為框架標簽應用，只不過一樣平常咱們運用div來布局框架，而span機關小一小部分，字體潤飾等來應用。
聲明：本站所有文章，如無特殊說明或標注，均為本站原創發布。任何個人或組織，在未征得本站同意時，禁止復制、盜用、采集、發布本站內容到任何網站、書籍等各類媒體平臺。如若本站內容侵犯了原著者的合法權益，可聯系我們進行處理。
