1. 程式人生 > >文字溢位與背景圖片處理

文字溢位與背景圖片處理

文字溢位處理

(1)單行文字

    overflow:hidden;
    text-overflow:ellipsis
    white-space:nowrap;

(2)多行文字

overflow:hidden;

背景圖片處理

background-size:100px 100px;
background-repeat:no-repeat;
background-position:100px 100px/left top/center center;

圖片代替文字
(1)

text-indent:200px;
white-space:nowrap;
overflow:hidden;

(2)

height:0;
padding-top:90px;
overflow:hidden