中山php|最优网络中山做网站 中山php建站

最优良人

2011/08/18 at 17:47

div li元素不限定宽度,如何浮在中间

div的横向居中我们都知道而已用margin:0 auto;实现,但是在不指定宽度的情况下这语句是没有意义的,div为块级元素,在内层DIV未指定宽度的情况下不能通过margin:0 auto来实现居中,将其转换为内联元素(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>

标签:, , , ,
-