Html 为什么赢了'；t我的资源中心

您好，我正在创建一个带有完整页面图像的标题，导航等。在图像的上方，我有一段文字，欢迎用户访问该网站，显示地址，显示工作日和周末的营业时间，还显示公司的电话号码

然而，我不能让内容集中在图像上，它卡在左手边。你知道为什么会这样吗？我正试着以开放内容和寻址时间为中心

*{
框大小：边框框；
}
html，
身体{
保证金：0；
填充：0；
身高：100%；
宽度：100%；
}
h2，
h3，
h4，
h5{
边际上限：0；
}
h3{
显示：内联块；
}
.main头{}
/*----导航----*/
.主导航{
位置：绝对位置；
顶部：1米；
右：15.9em；
z指数：1；
}
主导航李先生{
字号：17.5px；
显示：内联块；
列表样式类型：无；
}
主导航李，
名称
{
字体系列：“蒙特塞拉特”，无衬线；
}
.主导航a{
字体大小：.95em；
颜色：#fff；
文本转换：大写；
}
.主导航a:悬停{
颜色：#FFAB0F；
}
.说出一个名字，
.主导航a{
填充：10px 15px；
文本对齐：居中；
显示：块；
文字装饰：无；
}
.姓名{
字体大小：.95em；
颜色：#fff；
显示：内联块；
位置：绝对位置；
顶部：1.34em；
左：6em；
z指数：1；
线高：18px；
}
.说出一个名字{
颜色：#fff；
利润上限：-25px；
}
.联系人按钮{
顶部：1.24em；
右：6em；
z指数：1；
位置：绝对位置；
边界半径：100%；
背景色：#004C；
颜色：#fff；
边界：无；
填充物：5px10px；
}
.联系人按钮：悬停{
背景色：#fff；
颜色：#000；
}
/*图像头*/
#开放内容{
字体系列：“EB Garamond”，衬线；
颜色：#fff；
位置：绝对位置；
z指数：1；
顶部：5em；
文本对齐：居中；
}
.标题{
字体大小：55px
}
.标题2{
利润率最高：6%；
字号：85px；
}
#地址时间{
颜色：#fff；
位置：绝对位置；
z指数：1；
顶部：15.5em；
线高：1.8；
字体：斜体；
文本对齐：居中；
}
.mainImage{
滤光片：亮度（50%）；
}
.fullPageImage{
身高：100%；
宽度：100%；
保证金：自动；
显示：表格；
排名：0；
背景尺寸：封面；
}

欢迎来到
我们的餐厅
这是我们的地址………

周一至周五：上午7点至晚上8点

周六和周日：上午10点至下午4点

（电话）：+1610-312-9123
我们的客户多么喜欢我们！
好咖啡
享受我们屡获殊荣的咖啡，同时您可以在我们美丽的景点放松身心
免费无线上网！
免费Wifi，让您可以随心所欲地工作，或租用会议空间
忠诚卡
我们喜欢奖励忠诚的客户。每9杯咖啡，免费享用第10杯

如果我当时正确回答了您的问题，您不应该将

用于背景图像。而是使用CSS

body{background image:url（“your_image.jpeg”）；}

---

然后，可以使用CSS属性将文本对齐到中心

文本对齐：中心
添加
左：50%和
转换：translateX（-50%）
移动到绝对位置的
#openingContent
以将其移动到容器的水平中心：
（顺便说一句：不要在
img
元素上使用结束标记！）


*{
框大小：边框框；
}
html，正文{
保证金：0；
填充：0；
身高：100%；
宽度：100%；
}
h2，h3，h4，h5{
边际上限：0；
}
h3{
显示：内联块；
}
.主标题{
}
/*----导航----*/
.主导航{
位置：绝对位置；
顶部：1米；
右：15.9em；
z指数：1；
}
主导航李先生{
字号：17.5px；
显示：内联块；
列表样式类型：无；
}
主导航李，
名称
{
字体系列：“蒙特塞拉特”，无衬线；
}
.主导航a{
字体大小：.95em；
颜色：#fff；
文本转换：大写；
}
.主导航a:悬停{
颜色：#FFAB0F；
}
.说出一个名字，
.主导航a{
填充：10px 15px；
文本对齐：居中；
显示：块；
文字装饰：无；
}
.姓名{
字体大小：.95em；
颜色：#fff；
显示：内联块；
位置：绝对位置；
顶部：1.34em；
左：6em；
z指数：1；
线高：18px；
}
.说出一个名字{
颜色：#fff；
利润上限：-25px；
}
.联系人按钮{
顶部：1.24em；
右：6em；
z指数：1；
位置：绝对位置；
边界半径：100%；
背景色：#004C；
颜色：#fff；
边界：无；
填充物：5px10px；
}
.联系人按钮：悬停{
背景色：#fff；
颜色：#000；
}
/*图像头*/
#开放内容{
字体系列：“EB Garamond”，衬线；
颜色：#fff；
位置：绝对位置；
z指数：1；
顶部：5em；
文本对齐：居中；
左：50%；
转化：translateX（-50%）；
}
.标题{
字体大小：55px
}
.标题2{
利润率最高：6%；
字号：85px；
}
#地址时间{
颜色：#fff；
位置：绝对位置；
z指数：1；
顶部：15.5em；
线高：1.8；
字体：斜体；
文本对齐：居中；
}
.mainImage{
滤光片：亮度（50%）；
}
.fullPageImage{
身高：100%；
宽度：100%；
保证金：自动；
显示：表格；
排名：0；
背景尺寸：封面；
}

维克杯咖啡馆|都柏林








欢迎来到
我们的餐厅
这是我们的地址………

周一至周五：上午7点至晚上8点

周六和周日：上午10点至下午4点

（电话）：+1610-312-9123
我们的客户多么喜欢我们！
好咖啡
享受我们屡获殊荣的咖啡，同时您可以在我们美丽的景点放松身心
<div class="parent">
     <div class="child">
     (copy your content here)
     </div>
</div>

    .parent {
      position: relative;
      background-image: url("img/image.png");
      background-color: #cccccc;
    }
    }
    .child {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }