footer的span内容除了margin还有其他方式居中吗？

。。。。。

源自：HTML5网页布局 3-1 html5页面布局（兼容）

收起

3回答

提问者风蔚然 2018-05-08 10:05:44

好帮手慕糖 #1

你好，要直接把代码粘贴过来，图片的话，这里也无法进行测试，且要是全部的代码，包括html部分哦。祝学习愉快~

2018-05-08 10:13:51
提问者风蔚然回复好帮手慕糖 #2

<footer> <div class="container"> <p>Copyright@2018asdasdasasasdaddasdasa</p> <span> <img src="images/icon/qq.png"> <img src="images/icon/sina.png"> <img src="images/icon/weichat.png"> </span> </div> </footer> <style> footer .container{ width: 1200px; height:64px; margin:0 auto; } footer .container>p{ line-height: 64px; float: left; color:white; } footer .container>span{ border:1px solid red; float: right; } footer .container>span>img{ margin-left: 4px; opacity: 0.7; vertical-align: middle; } </style>

2018-05-08 10:31:48
提问者风蔚然回复好帮手慕糖 #3

呃，把span高度撑满就好了....已经解决了T T麻烦了

2018-05-08 10:35:26

好帮手慕糖 2018-05-08 09:29:50

你好，你有没有把span的margin值去掉呢？我是在源码中测试的是可以的，你可以对比下源码，若还是无法解决，可以将你的全部代码粘贴过来，便于大家测试与解决问题。

祝学习愉快~

好帮手慕糖 2018-05-07 16:43:44

你好，可以尝试给img元素直接设置vertical-align: middle;属性，例：

祝学习愉快~

提问者风蔚然 #1

footer .container>span{ display: block; float: right; border: 1px solid red; height:64px; } footer .container>span>img{ margin-left: 4px; opacity: 0.7; vertical-align: middle; }好像没有效果啊？用的是火狐浏览器....

2018-05-07 22:40:01