为了账号安全,请及时绑定邮箱和手机立即绑定

如何让图片浮动后居中???弄了好久啊弄不好。。

<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title> <style type="text/css"> .photo{ width: 100%; } .photo img{ height: 65px; float:left; } </style></head>
<body> <div class="photo"> <!-- 联系方式图片--> <p><a href="http://worldaia.com/#"><img src="../image/qq.png"></a></p> <p><a href="http://worldaia.com/#"><img src="../image/wechat.png"></a></p> <p><a href="http://worldaia.com/#"><img src="../image/weibo.png"></a></p> <p><a href="http://worldaia.com/#"><img src="../image/facebook.png"></a></p> </div></body></html>https://img3.mukewang.com/5b2236c80001ef7115900465.jpg

添加回答

1回答
已采纳
编辑回答
最简单的方法就是把div改成定宽度,居中 ,还有一个就是给p标签给宽度就可以。  还有一个就是加个父元素加position属性来居中  。  常用的水平居中方法就这几个我就借用别人的,不一一写了下面我将一一的介绍关于html元素水平居中的几种方式一:对于行内元素采用text-align:center;的方式二:采用margin:0 auto;来实现水平居中显示

三:用table实现
四;块级的元素但是通过转换成行内元素来实现块级元素的水平居中显示
五:父子元素都采用相对定位,父元素left:50%;子元素left:-50%;相对自己的长度减回50%,这样实现向右偏移后拉回多的部分
六:采用css3的flexbox,display:flex;
七:用父元素的 display:relative;直接采用position:absolute;left:0;right:0;margin:auto来实现水平以居中
2 反对 0个回复 2018-06-14
你还没有登录,请先登录注册慕课网帐号
回复
举报
0/150
提交
取消
意见反馈 常见问题 APP下载
官方微信
hv128