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

最优良人

Posts Tagged With: div

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

2011/08/18 at 17:47 » Comments (498)

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> more »