在html中，可以使用“float”属性来设置左边对齐，只需要给元素设置“float:left”样式即可。float属性定义元素在哪个方向浮动。在CSS中，任何元素都可以浮动；当值为left时，表示元素向左浮动。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
div左对齐条件与方法只需要对要靠左对齐（局左）的div样式加float:left即可，这里新建一个html文件，创建一个div容器并给它一个class属性，容器里面是两个div，一个靠左对齐，一个靠右，以示区别：
![52MJGDTH]DB7()018J)MSB0.jpg](https://cdn.chuangxiangniao.com/www/2025/12/1622686674110756.jpg "1622686674110756.jpg")
接下来设置css样式，在style标签中，设置div的float值为left，就实现左对齐了，最后在给div高度，宽度，边框属性设置值，右边的div除了float设为right，其他都是一样的：
立即学习“前端免费学习笔记（深入）”；
![P3[7X)SCO6KE7D%BI%J`]EE.jpg](https://cdn.chuangxiangniao.com/www/2025/12/1622686677154331.jpg "1622686677154331.jpg")
最后来到浏览器中，可以看到div在浏览器中是居左的，另一个是居右的：
![T}]D_FQPCNN{6(DPSK(`V}L.jpg](https://cdn.chuangxiangniao.com/www/2025/12/1622686682254250.jpg "1622686682254250.jpg")
推荐学习：html视频教程
以上就是html左边对齐怎么设置的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1550158.html
微信扫一扫 
支付宝扫一扫 
