怎样让div中的img居中_html/css_WEB-ITnose-tutoriel HTML-php.cn

怎样让div中的img居中_html/css_WEB-ITnose

WBOY

Libérer： 2016-06-24 12:11:48

original

1107 Les gens l'ont consulté

asdfasfasfasfdasdfdfasfsdf
怎样让div中的img居中_html/css_WEB-ITnose

文字不居中，仅仅图片居中（非垂直）

回复讨论(解决方案)

<!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>

Copier après la connexion

继续向前····

是不是可以先把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>

Copier après la connexion

大概这样，没有测试过，你再调调。

asdfasfasfasfdasdfdfasfsdf

这一句就够了