一、css屬性
1.文字溢位是否「...」顯示屬性
:text-overflow:clip(不顯示省略標記)/ellipsis(文字溢位時「...」顯示)
定義此屬性有四個必要條件:1)須有容器寬度:width:value;
2)強制文字在一行內顯示:white-space:nowrap;
3)溢位內容隱藏:overflow:hidden;
4)溢位文字顯示「...」:text-overflow:ellipsis;
2.溢位屬性:overflow:visible(預設值,不會被隱藏)
hidden(內容隱藏)
auto(如果內容隱藏,則瀏覽器內顯示滾動條)
scroll(內容會隱藏並顯示滾動條)
inherit(規定應該從父元素繼承overflow屬性的值)
注:overflow-x:hidden;隱藏橫向滾動條
overflow-y:hidden;隱藏縱向滾動條
3.空餘空間屬性 (該屬性用來設定如何處理元素內的空白;):white-space:normal/pre/nowrap/pre-wrap /pre-line /inherit
normal(預設值,空白會被瀏覽器忽略)
nowrap(文字不會換行,文字會在同一行上繼續,直到遇到標籤
為止)pre(空白會被瀏覽器保留,其行為方式類似html中的pre標籤)
pre-wrap(保留空白符序列,但是正常的進行換行)
pre-line(合併空白符序列,但是保留換行符)
inherit(規定應該從父元素繼承white-space屬性的值(ie瀏覽器不支援此屬性值))
拓展:overflow內容溢位時的設定
屬性:overflow 水平及垂直方向內容溢位時的設定
overflow-x 水平方向內容溢位時的設定
overflow-y 垂直方向內容溢位時的設定
以上三個屬性設定的屬性值:visible、scroll、hidden、auto;
visible 預設值。使用該值時,無論設定的"width"和"height"的值是多少,其中的內容無論是否超出範圍都將被強制顯示。
hidden 效果與visible相反。任何超出"width"和"height"的內容都會不可見。
scroll 無論內容是否超越範圍,都將顯示滾動條。
auto 當內容超出範圍時,顯示滾動條,否則不顯示。
應用:1)沒有水平滾動條:
test
2)沒有垂直滾動條 :
test
3)沒有滾動條 :
test
4)自動顯示滾動條:
test
自己定義滾動條的顏色
body {
scrollbar-arrow-color: #f4ae21; /*圖6,三角箭頭的顏色*/
scrollbar-face-color: #333; /*圖5,立體滾動條的顏色*/
scrollbar-3dlight-color: #666; /*圖1,立體滾動條亮邊的顏色*/
scrollbar-highlight-color: #666; /*圖2,滾動條空白部分的顏色*/
scrollbar-shadow-color: #999; /*圖3,立體滾動條陰影的顏色*/
scrollbar-darkshadow-color: #666; /*圖4,立體滾動條強陰影的顏色*/
scrollbar-track-color: #666; /*圖7,立體滾動條背景顏色*/
scrollbar-base-color:#f8f8f8; /*滾動條的基本顏色*/
java學習筆記day5
面向過程 強調的是功能行為 物件導向 將功能封裝進物件,強調具備了功能的物件。面向過程 開啟冰箱 儲存進冰箱 關閉冰箱 物件導向 冰箱.開啟 冰箱.儲存 冰箱.關閉 物件導向 3個特徵 封裝 繼承 多型。找物件,建立物件,使用物件。維護物件的關係。類 描述。物件 實體。成員變數和區域性變數 作用範圍...
python學習筆記 day5
函式 返回值 描述 pow x,y x y 運算後的結果 sqrt x 返回 x 的平方根 abs x 返回數字的絕對值,如 abs 10 返回 10 fabs x 返回數字的絕對值,如 math.fabs 10 返回 10.0 ceil x 返回數字的上入整數,入 math.ceil 4.1 返回...
matlab cody學習筆記 day5
一些學習筆記 1 陣列的簡單賦值 例如 input n 5 output m is 1 2 3 4 5 2 4 6 8 10 3 6 9 12 15 4 8 12 16 20 5 10 15 20 25 兩個迴圈的源 function m timestables n m ones n,n for i...