Question

我在FF（29）和IE（11）中都测试了它们，它们的行为方式相同。

这是我的HTML代码：

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>MiCapture</title>
  <link rel="stylesheet" href="SS1.css" name="main_sheet">  
</head>

<body>
<div id="banner"><img src="https://www.ibm.com/developerworks/mydeveloperworks/blogs/bobleah/resource/sky.gif"></div>
</body>
</html>

这是我的CSS文件“SS1.css”

<style  type="text/css">

          #banner {
             margin-left:auto; 
             margin-right:auto; 
             width:1000px;  
          }

          #banner img { 
             max-width:1000px; 
             max-height:300px; 
          }

</style>

当我加载页面时，我的图像不会居中，但如果我更改我的HTML并将我的CSS直接包含在我的代码中，它确实会居中。为什么链接不起作用？

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>MiCapture</title>
  <style  type="text/css">

          #banner {
             margin-left:auto; 
             margin-right:auto; 
             width:1000px;  
          }

          #banner img { 
             max-width:1000px; 
             max-height:300px; 
          }

</style>    
</head>

<body>
<div id="banner"><img src="https://www.ibm.com/developerworks/mydeveloperworks/blogs/bobleah/resource/sky.gif"></div>
</body>
</html>

Answer 1

样式表文件不需要包含在其中的<style></style>标记，删除它们可以解决您的问题。

CSS id从样式表链接开始工作

1 个答案: