【前端笔试题】文本居中的几种小技巧
原创
前端面试或者开发总会遇到是文本居中的情况及场景，这里一起总结一下。便于查找和使用。
方法一：自动外边距
div #container{
margin-left:auto;
margin-right:auto;
width:168px;
}方法二：使用text-align
body{
text-align:center;
}方法三：组合使用自动外边距和文本对齐
body{
text-align:center;
}
#container{
margin-left:auto;
margin-right:auto;
width:168px;
text-align:left;
}方法四：应用负外边距
#container{
position:absolute;
left:50%;
width:760px;
margin-left:-380px;
}
好啦，本期的内容就分享到这里，我们下期见！
好书不厌百回读，熟读自知其中意。让学习成为习惯，用知识改变命运，让博客见证成长，用行动证明努力。
如果我的博客对你有帮助、如果你喜欢我的博客内容，请 “点赞” “评论” “收藏” 一键三连哦！
听说 👉 点赞 👈 的人运气不会太差，每一天都会元气满满呦！^ _ ^ ❤️ ❤️ ❤️
码字不易，大家的支持就是我坚持下去的动力。点赞后不要忘了👉 关注 👈我哦！
更多精彩内容请前往 孙叫兽的博客
微信公众号【电商程序员】，分享改变自己的项目。
如果以上内容有任何错误或者不准确的地方，欢迎在下面 👇 留个言。或者你有更好的想法，欢迎一起交流学习~~~
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读