请问老师怎么把这整个内容居中呢？

源自：CSS文本样式 4-3 编程练习

收起

2回答

好帮手慕慕子回答被采纳获得+3积分 2019-05-12 10:58:27

同学你好，整体水平居中，可以使用margin属性哦，参考下图：

另，图片与文字中间的间距，可能是由于图片本身的宽度造成的。老师这边换一张图片，效果图如下：图片与文字之间是没有间距的哦

祝学习愉快~~~~

卡布琦诺 2019-05-11 16:31:24

同学是想实现让

整体垂直居中显示么？如果是建议参考：给div设置绝对定位，top:50%,margin-top:负的div高度的一半。另外，建议同学后续在提问与代码相关的问题时，将代码贴上来（不要截图哦），以便于准确定位问题并快速解答。

希望可以帮到你！

提问者慕田峪2568142 #1

代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>练习3</title> <style type="text/css"> div{background-color: #acacac; text-align: center; line-height: 150px; width:1000px; display: table;} img{vertical-align: middle;} .text1{font-size: 50px; color: red; vertical-align: middle; text-decoration: underline;} .text2{vertical-align:20px; text-transform: capitalize; font-size: 20px; color: yellow;} </style> </head> <body> <div> <img src="logoa.png"> <span class="text1">更多商品搜索</span> <span class="text2">more search</span> </div> </body> </html> 请问老师这个整个div如何实现在整个网页中水平居中显示呢，是用的magin属性吗？还有就是图片和文字之间为什么中间有那么大的间隙啊？

2019-05-12 09:22:52