                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

图片怎么居中

如题，图片怎么居中呢。

老司机翻车了丶

2019-03-19

源自：初识HTML(5)+CSS(3)-升级版 1-9

关注问题我要回答

1563

操作

收起

6 回答

qq_空白_286 回答被采纳 +2 积分
2019-03-25

是这个！！！
<div><img src = "图片链接" /></div>
<style type="text/css">div{text-align: center;}</style>

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

收起回答

skjaao

正解，

2019-03-26 回复有任何疑惑可以回复我~

老司机翻车了丶提问者

感谢，正解

2019-03-26 回复有任何疑惑可以回复我~

慕丝6045274
2019-04-10

不太理解这个代码大神可以讲解嘛？不是说text-align:center是针对文本的嘛？div的内容是个图片呀

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

收起回答

qq_空白_286
2019-03-21

内部样式，定义在html头部， style{ text-align:center;}

内联样式，定义在单个标签，例如p标签内： <p align="center">xxxx</p>

还可以使用外联式，就是将样式定义在一个外部的CSS文件中（.css文件）；由HTML页面引用样式表文件

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

收起回答

老司机翻车了丶提问者

这样可以实现 <img src="图片链接"align="center" />

2019-03-22 回复有任何疑惑可以回复我~

qq_空白_286 回复老司机翻车了丶提问者

我试了一下这个不行。。。（可能浏览器兼容问题吧）给给img加一个块状元素例如div或者p标签，然后对其设置居中 <div><img src = "myimage.gif" align="center"/></div> <style type="text/css">div{text-align: center;}</style>

2019-03-25 回复有任何疑惑可以回复我~