1. 程式人生 > >關於滑鼠的樣式,文字域的小

關於滑鼠的樣式,文字域的小

滑鼠的樣式cursor

設定或檢索在物件上移動的滑鼠指標採用何種系統預定義的游標形狀 cursor: default (小白) | pointer 小手| move(移動(十字型) | text 文字(豎線) 輪廓outline: 是繪製於元素周圍的一條線,位於邊框邊緣的外圍,可以起到突出元素的作用. outline:outline-color | outline-style | outline-width 直接寫法是:outline:0; 或者是outline:none;

<input type="text"   style="outline:0"/>

防止拖拽文字域resize:

resize:none; vertical-align 垂直居中(不好用)

在這裡插入圖片描述 vertical-align:baseline(基線) | top(頂線) | middle(中線) | bottom(底線) vertical-align 不影響塊級元素中的內容對齊,它針對於行內塊元素,特別是行內塊元素,通常用來控制圖片/表單與文字的對齊 溢位的文字隱藏 white-space white-space設定或檢索物件內文字顯示的方式.通常我們使用於顯示內容

normal:預設的處理方式 nowrap:強制在同一行內顯示所有文字不換行直到文字結束或者遭遇br標籤物件 text-overflow 文字溢位

text-overflow:clip | elipsis 設定或者檢索 是否使用一個省略標記物件內文字的溢位 clip:不顯示省略號(……),而是簡單的裁切 elipsis:當物件內文字溢位時顯示省略標記(……)

注意

一定要先強制一行內顯示,再次和overflow屬性搭配使用在這裡插入圖片描述

缺一不可: overflow:hidden; text-overflow:elipsis; white-space:nowrap; (/*文字超出部分用省略號顯示)