如何让文字垂直居中？如何让六个元素居中？
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>index</title> <style type="text/css"> *{ margin: 0; padding: 0; } .container{ width: 786px; border: 1px dashed gray; overflow: hidden; } .div1{ width: 240px; border:1px solid gray; margin: 10px; text-align: center; float: left; } </style> </head> <body> <div class="container"> <div class="div1"> <img src="http://img1.sycdn.imooc.com/climg//590fe9770001e63102400135.jpg"> <p>欢迎来到慕课网学习新知识！</p> </div> <div class="div1"> <img src="http://img1.sycdn.imooc.com/climg//590fe97d00011bda02400135.jpg"> <p>欢迎来到慕课网学习新知识！</p> </div> <div class="div1"> <img src="http://img1.sycdn.imooc.com/climg//590fe982000150ba02400135.jpg"> <p>欢迎来到慕课网学习新知识！</p> </div> <div class="div1"> <img src="http://img1.sycdn.imooc.com/climg//590fe9770001e63102400135.jpg"> <p>欢迎来到慕课网学习新知识！</p> </div> <div class="div1"> <img src="http://img1.sycdn.imooc.com/climg//590fe97d00011bda02400135.jpg"> <p>欢迎来到慕课网学习新知识！</p> </div> <div class="div1"> <img src="http://img1.sycdn.imooc.com/climg//590fe982000150ba02400135.jpg"> <p>欢迎来到慕课网学习新知识！</p> </div> </div> </body> </html>
正在回答
同学你好，老师这边测试的6个小盒子已经在大盒子里面居中了：
同学是想让所有的间隙都相等吗？如果是的话，因为大盒子的宽度为786px，每一列占据的宽度为240px加2px的边框，所以三列占据的总宽度为726px，又一共有四个间隙，所以每个间隙的宽度为（786-726）/4=15px,参考：
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星