用CSS設定位置擺放

2021-05-23 15:31:20 字數 1622 閱讀 6242

用css設定位置擺放

1、float:設定浮動性質(多用於文繞圖的情形)

可設值:left(元素靠左,文字圍繞其右);right(元素靠右,文字圍繞其左);none(以預設的方法顯示)

範例:div 或

2、clear:設定清除性質(設定是否允許浮動元素之存在)

可設值: both(若兩邊有浮動元素,則該元素移至浮動元素下方);left(若左邊有浮動元素,則該元素移至浮動元素下方);right(若右邊有浮動元素,則 該元素移至浮動元素下方);none(以預設的方法顯示)

範例:div 或

3、width:設定寬度

可設值:auto(以固定比例自動變化大小)

引數值:

長度單位

百分比,以父元素寬度為基準

範例:div 或

4、height:設定高度

可設值:auto(以固定比例自動變化大小)

引數值:

長度單位

百分比,以父元素寬度為基準

範例:div 或

5、position:設定位置

可設值:absolute(以父元素為基準,擺設在特 定位置上);relative(以相鄰元素為基準,擺設在特定位置上);static(預設位置,以該元素於原始碼中位置而定)

範 例:div 或

6、top:設定頂端位置

可設值:auto(以固定比例自動變化大小)

引數值:

長度單位

百分比,以父元素寬度為基準

範例:div 或

7、left:設定左端位置

可設值:auto(以固定比例自動變化大小)

引數值:

長度單位

百分比,以父元素寬度為基準

範例:div 或

8、clip:設定裁剪(設定某區域形狀及大小,區域外通透)

引數:rect(top,right,bottom,left) 設定矩形之上右下左長度,會自動比對對邊長度

範例:div 或

9、overflow:設定溢位處理(控制當元素內容超過該元素大小時的顯示方式)

可 設值:visible(元素將不會依所設訂大小顯示,而能看見所有內容);hidden(超過元素所設訂大小之部份將被隱藏不予顯示);scroll(如 有必要出現卷軸可讓使用者看到全部的內容);auto(以預設的方式顯示)

範例:div 或

10、visibility:設定可視度

可設值:visible(設定該元素顯 示);hidden(設定該元素不顯示,但仍佔據空間);inherit(以父元素可視度決定)

範例:div 或

11、z-index 設定z軸引數(三度空間)

可設值:auto(當元素位置重複 時,原始碼中寫在後面元素會出現在寫在前面元素的上方)

引數:十進位數值,數值大的元素會出現在數值小的元素的上方

範例:div 或

關於css背景位置設定

可以把 分開寫 background url image feed.gif no repeat background position 10px 5px 調整其中的數值就可以達到調整位置的目的。第乙個是左右,第二個引數是上下 例如 background position 20px 10px 指向右移...

高速訊號AC耦合電容的擺放位置

1 電容看成乙個阻抗不連續點 所以要求盡量跟傳輸線匹配 如果靠近接收端 放,相同的反射係數下,訊號經過通道衰減之後再反射會比一開始就反射的 能量小。所以大多數的序列鏈路都要求靠接收端放,使用ads 也可以發 現放在接收端眼圖質量要好。另外,在訊號傳輸過程中,也可能串擾進去一 些直流分量,導致接收出問...

GridView用CSS設定樣式

gridview是很便利的資料控制項,在mis中的應用很廣泛,其樣式編寫很簡單,但是每次新增都要重新編寫,工作很是煩瑣,而且由於其本身的特性,樣式並不好編寫,最好的辦法就是在單雙行 header pager footer等欄目引用單獨的樣式,如下 抱歉,暫時沒有資料!各樣式如下 gridview 樣...