如何正确布局类似的标题块

我希望你的标志是一个锚,它包含标志的图像。

您可以向锚点添加一个伪元素,调整其宽度以添加填充,使其按所需方式对齐,并将图案图像用作背景。

.logo {
  display: block;
  position: relative;
}

.logo::before {
  background: url("path/to/image.jpg") center/cover no-repeat;
  content: '';
  display: block;
  height: 100%;
  left: -2vw; /* padding offset */
  position: absolute;
  top: 0;
  width: calc(100% + 4vw);
}