中山php|最優(yōu)網(wǎng)絡(luò) :中山做網(wǎng)站 中山php建站
最優(yōu)良人
Posts Tagged With: li
div li元素不限定寬度,如何浮在中間
2011/08/18 at 17:47 » Comments (498)
div的橫向居中我們都知道而已用margin:0 auto;實(shí)現(xiàn),但是在不指定寬度的情況下這語(yǔ)句是沒(méi)有意義的,div為塊級(jí)元素,在內(nèi)層DIV未指定寬度的情況下不能通過(guò)margin:0 auto來(lái)實(shí)現(xiàn)居中,將其轉(zhuǎn)換為內(nèi)聯(lián)元素(display:inline)后在外層DIV加text-align:center才能居中 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>無(wú)標(biāo)題文檔</title> </head> <body> <div style="width:800px;height:300px;text-align:center;margin:0 auto;background:#efefef;"><div style="background:#ff33cc;display:inline;">sdaasddsa</div></div> </body> </html> more »