手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何使用align调整div位置

时间:2024-10-12 10:45:55

1、新建一个html,输入div标签并加入align属性,请注意我红框内的文字说明,那4个至left、right、center、justify

如何使用align调整div位置

2、我们先使用第一个值left,输入到相应的位置,即红框内

如何使用align调整div位置

3、保存打开看看,发现跟平常的一样,默认的就是居左,这个没有什么问题

如何使用align调整div位置

4、再来使用第二个值right,同样的输入进去,同时我们把它和left进行对比文字上做了区别

如何使用align调整div位置

5、保存打开看看,我们发现2个有明显的区别,left的在最左边,right的在最右边

如何使用align调整div位置
如何使用align调整div位置

6、接着使用第三个值center,输入进行,同时和前2个进行比对

如何使用align调整div位置

7、保存打开看看,其中2个位置不变,这个在第三行的最中间

如何使用align调整div位置

8、最后剩下了第四个值justify,还有一样和前3个比较

如何使用align调整div位置

9、保持并打开看看,发现并没有什么变化,不过这个值的意思是把每行都变为一长的意思,于是我增加了几行文字,发现并没有什么用,或许是浏览器不支持,大家对于这个值可以试试,不保证有效果

如何使用align调整div位置
如何使用align调整div位置
© 手抄报圈