首先我們需要知道元素都有哪些種類？

    內(nèi)嵌元素（display:inline;）如a，span，b，i 【一個不可定制的盒子】

    [默認(rèn)同行可以繼續(xù)跟同類型標(biāo)簽]
    [內(nèi)容撐開寬度]
    [不支持寬高]
    [不支持上下的margin和padding]
    [代碼換行會被解析成空]

    塊元素（display:block;）如div，p，h1-h6

    [默認(rèn)獨占一行顯示]
    [基本支持所有的css命令]

    行內(nèi)塊（display:inline-block;）如img 【img就是這么一個神奇的東東。它既不是內(nèi)嵌又不是塊，而是行內(nèi)塊】

    [塊在一行顯示]
    [支持寬高]
    [沒有寬度時內(nèi)容撐開寬度]

那么接下來我們依次將上面三種元素居中

一、內(nèi)嵌元素之單行文本

最最常見的解決辦法就是使用text-align和line-height

發(fā)表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發(fā)表