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

有没有其他方法让这个图片居中

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>对齐</title>
<style type="text/css">
div{text-align:center;}
/*div{*/
    /*width:200px;*/
/*    border:1px solid #333;*/
/*    margin:0 auto;}*/
</style>
</head>
<body>
<div><img src="http://img1.sycdn.imooc.com//52b4113500018cf102000200.jpg" ></div>
</body>
</html>

qq_被吵吵_04176478

2016-10-25

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

关注问题我要回答

753

操作

收起

5 回答

酌酒与裴迪回答被采纳 +3 积分
2016-10-25

按我目前学的貌似就只有这两种了,一种直接行内元素设置水平居中,一种通过盒子模型来设置

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

收起回答

qq_被吵吵_04176478 提问者

非常感谢！

2016-10-26 回复有任何疑惑可以回复我~

黄大谦
2016-12-03

为什么不试试内联式CSS？<body><div style="text-align=center;""><img src="" /></div></body>这样也可以居中图片啊

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

收起回答

小乐爷_0
2016-10-26

我有一种比较麻烦的思路就是设置这个容器的外边距的值不过就是麻烦点

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

收起回答

寻找光明的黑马
2016-10-25

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>对齐</title>
</head>
<body>
<div align="center"><img src="http://img1.sycdn.imooc.com//52b4113500018cf102000200.jpg"/></div>
</body>
</html>