Question

我想通过在index.php中执行div class = flags来访问style.css文件中的类标志css。当我编写如下代码时，我没有得到结果。图片看起来较低。我想并排拍照。

的index.php

<div class="flags">
  <ul>
    <li><a href="?dil=tr"><img src="http://cdn2.iconfinder.com/data/icons/flags/flags/32/German.png" /></a></li>
    <li><a href="?dil=en"><img src="https://cdn2.iconfinder.com/data/icons/flags/flags/32/England.png" /></a></li>
  </ul>
</div>

的style.css

.flags {
  width: 100px;
  height: 320px;
  float: right;
}
.flags ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.flags ul li {
  display: inline;
  margin: 0;
  padding: 0;
}

Answer 1

请在index.php页面

中添加这些行

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

请注意，提到的路径是有效的。

Answer 2

问题是href中的间距，即：

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

而不是

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

css / style.css与css/style.css非常不同，就像你说文件夹名称后面有一个空格，文件名前面有空格。

您将把它添加到：

<head>
    <title>Some title</title>
    <link href="css/style.css" rel="stylesheet" type="text/css">
</head>

Answer 3

使用下面的代码而不是.flags ul li

.flags ul li {
  display: inline;
  margin: 0;
  padding: 0;
  float:left;
}

float属性指定元素应该如何浮动。

div class（index.php）没有看到css文件夹

3 个答案: