将广告置于页眉中央

Question

我在将广告置于页眉中心时遇到了一些 CSS 相关问题，如您所见你向下滚动广告不在中间，看起来很奇怪。

请记住，此网站是响应式的并且适用于所有屏幕我现在的解决方案只适用于移动设备，但不适用于 PC。

希望你能帮我把它居中。

link看问题：My Website

Answer 1

添加此 center middle

中的广告

className{
  margin: 35px auto 10px;
  min-height: 100px;
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
}

Answer 2

.your_ad {
    position:absolute;
    left:50%;
    margin-left:-half of your ad_width;
}
.your_header {position:relative;}

将广告置于页眉中央

Center an ad on the header

html

css

center