                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /企业网站综合布局实战

图片的居中显示怎么表示？

要设图片居中怎么做？

hanhua

2015-11-28

源自：企业网站综合布局实战 5-3

关注问题我要回答

1348

操作

收起

5 回答

redrain_lin 回答被采纳 +3 积分
2015-11-28

怎么居中？水平居中？垂直居中？两者都要?

水平居中，你可以img {display:block; margin:0 auto;}

垂直居中，在P高度不知道的情况下,建议用js算出来。如果知道p高度，就用img{margin-top:(p高度-img高度)/2}

同时居中，你结合两个。

还有另一个办法就是把img作为p的背景使用，在控制居中上较为容易。

2 回复有任何疑惑可以回复我~

收起回答

hanhua 提问者

非常感谢！

2015-11-29 回复有任何疑惑可以回复我~

cp0417

img{margin-top:(p高度-img高度)/2}?? 不应该是p高度/2-img高度)/2吗？

2016-05-28 回复有任何疑惑可以回复我~

Hei_a
2016-12-21

img{

display:block;

margin:0 auto;

}

1 回复有任何疑惑可以回复我~

1 回复有任何疑惑可以回复我~

直接设置最大的一个div属性text-align:center;就可以了

0 回复有任何疑惑可以回复我~

收起回答

zh_ng新

我用着方法段落的文字显示会有问题，第三行会居中显示

2018-01-02 回复有任何疑惑可以回复我~

zh_ng新

我用这方法，段落的文字显示会有问题，第三行会居中显示

2018-01-02 回复有任何疑惑可以回复我~

hanhua 提问者
2015-11-29

我想问的是水平居中

0 回复有任何疑惑可以回复我~

收起回答

redrain_lin

水平居中规定width之后用margin:0 auto;就可以了。另外关于居中的方法很多。这里再告诉你一种： .Absolute-Center { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } 这个用在规定过高度的元素上可以水平且垂直居中。算是我看过兼容性各项比较好的。ie8以上都可以。

2015-12-29 回复有任何疑惑可以回复我~

0/150

提交

取消

企业网站综合布局实战

参与学习 157043 人
解答问题 1984 个

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

进入课程

本课相似问答

2 回答图片显示问题

1 回答logo居中显示问题

5 回答图片显示不出来

3 回答.nav_mid图片不显示以及图片乱序和列表乱序问题

1 回答左侧最后一张图片怎么完整显示？

搜索更多本课相关问答

图片的居中显示怎么表示？

我要回答关注问题

热搜

最近搜索清空

图片的居中显示怎么表示？

5 回答

本课相似问答

图片的居中显示怎么表示？