如何使用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位置
  • Visual Studio2015安装教程
  • css中的zoom是什么
  • linux 提示符>怎样退出?
  • Ubuntu 如何安装R的旧包,以ggplot2 为例
  • echarts中设置effectScatter提示框方法
  • 热门搜索
    劳动手抄报简单一等奖 节能手抄报 元宵节手抄报简笔画 欢乐中国年手抄报 手抄报版面设计模板 崇尚科学反对邪教手抄报 改革开放40周年手抄报 端午节手抄报简单好画 感恩祖国手抄报 阅读手抄报图片大全