Heim >Web-Frontend >HTML-Tutorial >怎样让div中的img居中_html/css_WEB-ITnose
怎样让div中的img居中_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:11:481123Durchsuche
asdfasfasfasfdasdfdfasfsdf
文字不居中，仅仅图片居中（非垂直）
回复讨论(解决方案)
<!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> 大概这样，没有测试过，你再调调。
asdfasfasfasfdasdfdfasfsdf
这一句就够了
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：IE里Flash不显示，火狐里显示_html/css_WEB-ITnoseNächster Artikel：求助 关于css a:visited_html/css_WEB-ITnose