如何使用align调整div位置?

  • 原创
  • |
  • 浏览:2851
  • |
  • 更新:

      如何使用align调整div位置?div需要调整位置,方法多种多样,这里介绍一种,就是利用align属性,可以很方便的调整div位置,下面来学习吧!

工具/原料

  • 浏览器
  • 记事本

方法/步骤

  1. 1

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

    如何使用align调整div位置?
  2. 2

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

    如何使用align调整div位置?
  3. 3

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

    如何使用align调整div位置?
  4. 4

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

    如何使用align调整div位置?
  5. 5

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

    如何使用align调整div位置?
    如何使用align调整div位置?
  6. 6

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

    如何使用align调整div位置?
  7. 6
    本页面未经授权抓取自百度经验
  8. 7

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

    如何使用align调整div位置?
  9. 8

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

    如何使用align调整div位置?
  10. 9

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

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

注意事项

  • 希望给我投一票!!!关注底部投票、有得、疑问:按需求点击
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部