單行文字溢出

css處理

p{
    width: 300px;
    height: 20px;
    line-height: 20px;
    border:1px solid steelblue;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

有三個(gè)屬性
text-overflow: ellipsis; 設(shè)置字體超出變成....
overflow: hidden; 溢出 隱藏
white-space: nowrap;結(jié)尾空間(如果是半個(gè)字就不顯示)

多行文字溢出

手動(dòng)寫吧
背景處理

    background-image:url(../img/cate_23.png);
    background-size: 100px 100px;
    background-repeat: no-repeat;//如果圖像填充不了就會(huì)重復(fù)很多個(gè)圖像,加上此屬性就可以沒有重復(fù)填充,repeat-x  -y等參數(shù)
    background-position: 50% 50%;

圖片代替文字(當(dāng)網(wǎng)速慢的時(shí)候,加載xml,不加載css的圖像處理)
1,把高度設(shè)置成0設(shè)置padding-top: 90px;把圖形撐開再設(shè)置overflow: hidden;隱藏文字
2,/* text-indent: 190px;
white-space: nowrap;
overflow: hidden; */
行級(jí)元素只能嵌套行級(jí)元素
塊級(jí)元素可以嵌套任何元素
p不能嵌套塊級(jí)元素
a不能嵌套a標(biāo)簽
margin: 0 auto;上下左右
當(dāng)文本里面有文本時(shí)外面的文本會(huì)對(duì)此進(jìn)行對(duì)齊
文本對(duì)齊線

vertical-align: -5px;
    vertical-align: middle;//中對(duì)其

overflow-x: hidden;body取消橫向
vertical-align:middle