<!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 id="Head1" runat="server"> <title>xxxxxxx</title> <style type="text/css"> <!-- div { text-align:center; width:500px; height:500px; border:1px solid #666666; } div span{ margin:0px; padding:0px; display:block; margin-left:-290px; } --></style></head><body><div> <span>asdfasfasfasfdasdfdfasfsdf</span> <img src="11.jpg" alt="怎样让div中的img居中_html/css_WEB-ITnose" > </di </body></html>
继续向前····
是不是可以先把div固定大小了
使用margin:auto来解决呢?
我也不知道可不可以
看看是不是你想要的,不是的话再看,这个主要让图片在一个层中,然后对这个层做居中.不如参数不一样自己改改.
<!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=utf-8" /><title>无标题文档</title><style>#container{width:780px}#image{width:200px;margin:0 auto}</style></head><body><div id="container">123456789101112131415161718192021222324252627282930下面的图是一个200X150PX的图<div id="image"><img src="images/myphoto.jpg" style="max-width:90%" style="max-width:90%" / alt="怎样让div中的img居中_html/css_WEB-ITnose" ></div></div></body></html>
大概这样,没有测试过,你再调调。