居中和固定标题

Question

我正在研究我的投资组合：www.bbellmedia.com/mywork

我希望文本'Bryan Bell'能够如何居中，但也可以在用户滚动时修复。

实现这一目标的最佳方式是什么？

非常感谢！

Answer 1

#header {
  position:fixed;
  text-align:center;
  width:100%;
}

Answer 2

如果您希望图像不在您的标题上，请使用此

.header {
   ....
   position: fixed;
   top: 0px;
   width: 100%;
   background-color: black;
   z-index: 300;
}

.app1{
   margin-top: 184px;
}

Answer 3

嘿，现在已经习惯了 css * 样式表 *

.header 提供position fixed，现在提供给left 0 right 0 top 0并提供z-index maximum

.header {
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 999;
}