首页 > 软件开发 > HTML >

HTML如何让块元素水平居中显示

来源:互联网 2023-03-16 19:17:09 175

我们赶紧来看看,HTML如何让块元素水平居中显示。uDx办公区 - 实用经验教程分享!

工具/原料

  • HTML

方法/步骤

  • 1

    要让DIV块元素能够居中显示,我们可以为他指定DIV元素的ID。uDx办公区 - 实用经验教程分享!

    HTML如何让块元素水平居中显示uDx办公区 - 实用经验教程分享!

  • 2

    或者我们也能使用Class这个类,进行定义。uDx办公区 - 实用经验教程分享!

    HTML如何让块元素水平居中显示uDx办公区 - 实用经验教程分享!

  • 3

    这是由于虽然DIV有align属性,但是并不能这样直接使用。uDx办公区 - 实用经验教程分享!

    HTML如何让块元素水平居中显示uDx办公区 - 实用经验教程分享!

  • 3本页面未经许可获取自百度经验
  • 4

    此时最好的办法就是为块元素,指定CSS样式文件。uDx办公区 - 实用经验教程分享!

    HTML如何让块元素水平居中显示uDx办公区 - 实用经验教程分享!

  • 5

    那么居中是否很负责呢,其实并没有,只需要将margin属性设置为auto。uDx办公区 - 实用经验教程分享!

    HTML如何让块元素水平居中显示uDx办公区 - 实用经验教程分享!

  • 6

    其实设置margin为Auto很好理解,就是元素四周都为自动,自然就居中了。uDx办公区 - 实用经验教程分享!

    HTML如何让块元素水平居中显示uDx办公区 - 实用经验教程分享!

  • 注意事项

    • 不会使用的童鞋可以给我留言。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!uDx办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码