1、首先打开Sublime Text软件，新建一个HTML页面，
4、最后我们运行页面程序，你就会在页面中看到div中的文字水平垂直都居中了
要使ID目录前导符上下居中，可以使用CSS的垂直居中技术。首先，将ID目录前导符的容器设置为相对定位（position: relative），然后使用绝对定位（position: absolute）将前导符放置在容器中心。通过设置top和transform属性，可以将前导符垂直居中。例如，可以使用top: 50%和transform: translateY(-50%)来实现垂直居中。这样，ID目录前导符就能够在容器中上下居中显示。
三线表的垂直居中可以通过设置 `vertical-align: middle;` 来实现。 1. 三线表可以通过设置 vertical-align: middle 来实现垂直居中。2. vertical-align 是 CSS 属性之一，可以设置元素的垂直对齐方式。当设置为 middle 时，元素的中心会与其所在行的基线对齐，从而实现了垂直居中。3. 除了设置 vertical-align 属性，还可以使用 padding 等方式来实现三线表的垂直居中。此外，也可以通过使用 flexbox 或者 grid 布局来实现表格的居中对齐。
可以通过CSS样式来实现三线表垂直居中。1.首先，设置table的display属性为table-cell，这样table会像单元格一样表现其布局特性。2.然后，设置vertical-align属性为middle，使其在单元格中垂直居中。3.最后，如果需要表格行（tr）也垂直居中，可以将它们的display属性也设置为table-cell。这种方法可以适用于三线表的所有单元格，实现整个表格的垂直居中效果。
水平居中的话一般用margin:auto比较好，不过前提是宽度width必须有固定值。 网页居中制作过程：
1.利用Dreamweaver工具实现页面的居中显示：为了能够前后形成对比，我们先来看一下最初网页的显示效果。
3.接着点击“居中”按钮，就会发现页面被设置为居中显示。