欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > HTML >内容正文

HTML

前端学习(499):水平居中布局得第一种方式得优点和缺点

发布时间:2023/12/10 HTML 40 豆豆
生活随笔 收集整理的这篇文章主要介绍了 前端学习(499):水平居中布局得第一种方式得优点和缺点 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>居中布局一</title><style>.parent{width: 300px;height: 300px;background-color: pink;text-align: center;}.child{width: 100px;height: 100px;background-color: red;display: inline-block;text-align: left;}</style> </head> <body><div class="parent"><div class="child">我是歌谣</div></div> </body> </html>

给子代加text-align

运行结果

总结

以上是生活随笔为你收集整理的前端学习(499):水平居中布局得第一种方式得优点和缺点的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。