小编CHN*_*itz的帖子

我现在正在学习 HTML 和 CSS。我遇到了关于 CSS 背景图像的相对路径的问题。当我使用相对路径时，CSS 下的背景图像代码不显示图像。

我正在使用 ATOM 代码编辑器。这是我的 HTML 文件中的 CSS 链接代码。

<link href="resources\css\style.css" rel="stylesheet" type="text/css">

我尝试了几个相对路径，都不起作用

1. background-image: url('resources\building.png');
2. background-image: url('\resources\building.png');
3. background-image: url('boardway\resources\building.png');
4. background-image: url('\boardway\resources\building.png');
5. background-image: url('C:\Users\michael\gitprojects\boardway\resources\building.png');

boardway是resources. C:\Users\..\..是图像的绝对路径。所有五个地址都不起作用。

但是当我使用 AWS 地址时

background-image: url('https://s3.amazonaws.com/codecademy-content/programs/freelance-one/broadway/images/the-flatiron-building.png');

背景图片显示正确。所以至少我可以确定我的代码是正确的。但是我没有输入正确的相对路径。我可以做什么？

这是我的问题:

我的标题词溢出了div框.原因是单词大小比div的宽度宽,我设置了"nowrap"规则.它显示如下:

我希望单词"FORMAT CAMERA"在div框的中心轴对齐,所以它使F的一部分溢出到左边,A的一部分溢出到右边.我怎样才能做到这一点？这是我简单的CSS代码:

.content {
  text-align: center;
}

h1(FORMAT CAMERA) {
  color: white;
  font-size: 50px;
  font-family: "Rubik", sans-serif;
  line-height: 1.4;
  white-space: nowrap;
}