在HTML和CSS中，可以使用以下方法将布局居中于一个节点上：

方法1：使用flex布局

HTML代码：

CSS代码：

.container {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  height: 100vh; /* 确保容器撑满整个视口 */
}

.content {
  /* 内容样式 */
}

方法2：使用绝对定位和transform

HTML代码：

CSS代码：

.container {
  position: relative;
  height: 100vh; /* 确保容器撑满整个视口 */
}

.content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* 将内容向左上角移动自身宽度和高度的一半，实现居中效果 */
  /* 内容样式 */
}

方法3：使用网格布局

HTML代码：

CSS代码：

.container {
  display: grid;
  place-items: center; /* 居中内容 */
  height: 100vh; /* 确保容器撑满整个视口 */
}

.content {
  /* 内容样式 */
}

以上是几种常用的将布局居中于一个节点上的方法，根据实际需求选择适合的方法即可。