最優(yōu)良人 » 居中 http://www.dgkai.cn/blog 中山php|最優(yōu)網(wǎng)絡 Mon, 13 May 2013 04:56:43 +0000 en hourly 1 http://wordpress.org/?v=3.1.4 div li元素不限定寬度,如何浮在中間 http://www.dgkai.cn/blog/view-141.html http://www.dgkai.cn/blog/view-141.html#comments Thu, 18 Aug 2011 09:47:33 +0000 lin http://www.dgkai.cn/blog/?p=141 div的橫向居中我們都知道而已用margin:0 auto;實現(xiàn),但是在不指定寬度的情況下這語句是沒有意義的,div為塊級元素,在內(nèi)層DIV未指定寬度的情況下不能通過margin:0 auto來實現(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>無標題文檔</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>

]]>
http://www.dgkai.cn/blog/view-141.html/feed 498