当我按下菜单中的按钮时如何居中div？

Question

正如您在我的网站上看到的那样：http://erdemcalikoglu.cf/我的菜单位于屏幕顶部，但我的问题是：当我按下第二个和第四个按钮时，内容不会居中。你可以帮帮我吗？I want this when I press the SERVICES button on menu

but it looks like this

Answer 1

从.iletisim p中删除填充，修正代码

.iletisim p {
position: absolute;
text-align: left;
color: white;
font-family: 'Lobster', cursive;
z-index: 1;
font-size: 30px;
color: #000;
text-align: center;
padding-left: 0px; }

试试这个

Answer 2

您没有提供足够的信息，但是使用Inspect Element，您需要为文本或其所在的容器添加100％的宽度。现在，它将文本居中放在提供的宽度中 - 这对你的文字是动态的。当您将宽度设置为100％时，它会将文本容器设置为适合屏幕大小100％。

将此添加到您的CSS：

.servis p {
    width: 100%;
}