本站发展方向调整,底层程序已更新,所有内容已转移,烦请移步至https://freexyz.cn/,www.freexyz.cn,一个月后将跳转至https://freexyz.cn/,给您带来不便,望谅解!

分享一段图片居中的css代码

来源:  时间:2016-11-28    阅读:   我要吐槽    阿里云幸运券

一般来说可以用CSS中的“text-align:center属性,margin:0 auto或定位属性”就可以居中。但是主要看是看你的页面布局是怎样的,是否用了定位。根据这些来判断到顶使用怎样的方法来使元素居中。

img是内联元素,要设置其margin属性使其居中,就要将其转换为块元素display:block;然后利用margin:0 auto;实现图片的水平居中。

以下是本站内容区域img元素的居中代码,大家可以参考:

#content img {
    display: block;
    margin: 5px auto;
    padding: 1px;
    border: 1px solid #cccccc;
    border-image: none;
    overflow: hidden;
    max-width: 650px;
}

效果大家可以看下面的演示图片:

图片居中演示
Tags:图片居中  css代码  

参与讨论