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>
中山php|最優(yōu)網(wǎng)絡(luò) :中山做網(wǎng)站 中山php建站
最優(yōu)良人
2011/08/18 at 17:47
div li元素不限定寬度,如何浮在中間
in: 網(wǎng)站前端