取消文字框的輪廓線

input的outline屬性為none

文字框有預設的藍色邊框

取消邊框css程式碼

取消了藍色邊框

禁止文字框拖拽

resize：none；

預設可以拖拽大小

取消拖拽css程式碼

取消了拖拽按鈕

取消圖片下面預設的白

vertical-align：top；（設定圖片的頂線對其）（推薦）

display：block；（把圖片變成塊級元素）

如果圖片在塊級元素內底部會出現空隙

取消底部空隙css程式碼

取消底部空隙後的效果

文字溢位隱藏

white-apace，設定和檢索物件內的文字顯示方式，通常我們使用於一行顯示內容

normal：預設處理方式

mowrap：強制在同一行顯示所有文字，直到文字結束或遭遇br才換行

超出文字換行（預設效果）

設定一行內顯示css程式碼

一行內顯示效果

文字溢位顯示樣式

text-overflow，設定或檢索是否使用一個省略標記（...）來表示物件文字溢位

clip：不顯示省略標記（。。。）直接裁剪

ellipsis：當物件溢位時顯示省略標記（。。。）

超出文字裁剪

超出部分省略號

超出樣式設定css程式碼

注：

注意一定要先強制一行內顯示，然後再配合overflow屬性使用

想要一行內顯示。。。必須要三句話

white-space：nowrap；

overflow：hidden；

text-overflow：ellipsis；