专业网站建设、网站设计、网站制作、SEO、网站推广的综合型网络科技公司,助推企业更好的发展。

183 9055 0806

咨询热线:

最新上传的网站模板
  • 工商管理注册认证类织梦网站模板

    工商管理注册认证类织梦网站模板

  • 瑜伽美容健身企业官网织梦模板(

    瑜伽美容健身企业官网织梦模板(

  • 响应式影视传媒展览类网站模板(自

    响应式影视传媒展览类网站模板(自

  • 五金类农业机械型网站模板(带手

    五金类农业机械型网站模板(带手

  • 绿色农业水果白菜蔬菜类织梦模板

    绿色农业水果白菜蔬菜类织梦模板

  • 汽车租赁服务类网站织梦模板(带手

    汽车租赁服务类网站织梦模板(带手

  • 做网站:text-align:cenrter图片不居中?

    作者:网站扛把子 发表时间:2018-01-18 14:59 来源:未知
            今天客户给了我一个网站,网站其它没有什么问题;也就是网站的新闻动态栏目里面发布的文章,图片一直不居中,一直都是居左对齐。我一听说,就觉得肯定是小问题,分分钟就可以搞定的。但是最后我搞了差不多一个小时。为什么呢?
     
            其实,在发布文章的时候,一般情况下,为让文章的样式好看,通常都会把穿插在其中的图片居中。所以在图片的外围外面都会用<div style="text-align:center;"></div>包起来。也就是说图片居中的样式是:<div style="text-align:center;"><img src="***"></div>应该就OK了。
     
    做网站
     
            我看过了客户的代码,的确网站发布的文章基本上都是这样让图片居中的。但是问题是它就是不居中,这就奇了怪了。我试过在<div>里面放文字是能够居中的,但是图片就是不居中。于是我觉得可能是js控制了,所以我把所有的js都去掉了,但是还是不行;最后实在没办法,都想着去给<div>加一个宽度,在使用margin:0 auto来解决了。但是客户上的图片大小是不一的,所以这个也不现实。
     
            最后,只能对<div>、<img>这几个标签一个个的去检查;无意间发现在css里面有这面一串代码,整个人瞬间崩溃了。不知道是哪个天才写了:img{display: block;};也就是说他把所有的图片都给整成block块元素,宽度缺省是它的容器的100%,除非设定一个宽度。所以去掉就OK了。
     
            个人提醒,其实在做网站的时候,很多人都喜欢在div、img等上加上block快元素,这样很容易会出现致命的错误;所以非必要还是不要加的好。
    本文来自活鱼网络,转载使用请注明来源:http://www.huoyu168.com/tech/49.html 

    上一篇:做网站的时候,网站网页链接短处理

    下一篇:网站优化的时候怎么去解决网站兼容问题

    网站首页 -解决方案 -客户案例 -建站方案 -推广咨询 -常见问题 -技术咨询 -联系我们
    热线咨询:
    18390550806
    网站备案号:湘ICP备17020595号
    微信咨询