点击下载
本文文档

当前位置：首页 - 科技 - 知识百科 - 正文

DIV+CSS图文混排的图片居中办法_html/css

来源：动视网责编：小采时间：2020-11-27 16:05:48

DIV+CSS图文混排的图片居中办法_html/css

DIV+CSS图文混排的图片居中办法_html/css_WEB-ITnose:不少人为了让 Div 图文混排的图片可以居中，给 IMG 套各式各样的 SPAN、DIV、LI 等等，以便于使用 text-align来进行居中。 1 图文混排2 3 4 而对于 DIV 的居中，使用下面的这种办法的非常多，然而这种办法默认状态下并不适用于 IMG 居中。 1 d

推荐度：

点击下载本文 文档为doc格式

导读DIV+CSS图文混排的图片居中办法_html/css_WEB-ITnose:不少人为了让 Div 图文混排的图片可以居中，给 IMG 套各式各样的 SPAN、DIV、LI 等等，以便于使用 text-align来进行居中。 1 图文混排2 3 4 而对于 DIV 的居中，使用下面的这种办法的非常多，然而这种办法默认状态下并不适用于 IMG 居中。 1 d

不少人为了让 Div 图文混排的图片可以居中，给 IMG 套各式各样的 SPAN、DIV、LI 等等，以便于使用 text-align来进行居中。

1 图文混排2 
3 4

而对于 DIV 的居中，使用下面的这种办法的非常多，然而这种办法默认状态下并不适用于 IMG 居中。

1 div{margin:0 auto}

这是因为 IMG 标签是属于内联元素（行内元素），内联元素是不支持 Margin 属性，通过 Display 属性将 IMG 强制为块元素的方式显示，便可在图文混排中使得图片可以居中。

1 IMG {display:block;margin:0 auto;}

DIV+CSS图文混排的图片居中办法_html/css

DIV+CSS图文混排的图片居中办法_html/css_WEB-ITnose:不少人为了让 Div 图文混排的图片可以居中，给 IMG 套各式各样的 SPAN、DIV、LI 等等，以便于使用 text-align来进行居中。 1 图文混排2 3 4 而对于 DIV 的居中，使用下面的这种办法的非常多，然而这种办法默认状态下并不适用于 IMG 居中。 1 d

推荐度：

点击下载本文 文档为doc格式

标签：图片的图片居中

热门焦点

最新推荐

猜你喜欢

热门推荐

产品服务发展历程企业资讯企业文化关于我们加入我们联系我们网站导航网站律师

中国扫黄打非网

Copyright © 2019-2025 51dongshi.net 版权所有

赣ICP备2023002352号-34

违法及侵权请联系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市万商天勤律师事务所王兴未律师提供法律服务

Top