以css无法正常工作为中心的图像

我刚刚在4周前开始参加网页设计课程，对此我非常感兴趣。如果任何人都可以帮助像我这样的新手，我会非常感激。以css无法正常工作为中心的图像

我不太确定问题在这里。代码在我的一个单独的文件上工作，但是当我尝试启动一个新项目时，它不再工作。：/

这里是我的HTML：

<!DOCTYPE html> 
<html> 
<head> 
<title>Good Boy</title> 
<link rel="stylesheet" type="text/css" href="goodboyslove.css"> 
<link rel="shortcut icon" href="images/GBFavicon.ico"> 
</head> 

<body> 
<a href="http://www.oriko-san.tumblr.com/"><img id="gblogo" class="center" src="images/GB.png" alt="good boy logo" width="128" height="128">

这里是我的CSS：

<!DOCTYPE css> 

.center { 
display: block; 
margin-left: auto; 
margin-right: auto; } 

#gblogo{position:relative;top:32px;}

来源

2014-09-06 Evau

删除的doctype CSS – 2014-09-06 20:21:19

@布赖恩说什么，除了它不是中心一个很好的决定这种方式是由锚标签包裹的图像。整个空间将是可点击的。尝试使用块级元素包装锚点并为其添加'text-align：center;'。 ** [在这里演示]（http://jsbin.com/nuceqi/1/edit）** – 2014-09-06 20:23:17

我应该指定另一个项目，其中的代码工作有额外的编码，但我彻底查看了所有内容，无法完成发现任何可以改变的东西（至少在我的知识中）。我100％肯定它不是软件错误。 – Evau 2014-09-06 20:23:22

doctype是一个文档类型声明这不是一个CSS文件中有效。删除将解决问题。 CSS属于您使用链接标记的type="text/css"声明的MIME类型。

Here是关于HTML中的介绍文章，包括使用doctype

来源

2014-09-06 20:26:08

的部分试试这个！（我不保证）

你的HTML文件：

<!DOCTYPE html> 
<html> 
<head> 
<title>Good Boy</title> 
<link rel="stylesheet" type="text/css" href="goodboyslove.css"> 
<link rel="shortcut icon" href="images/GBFavicon.ico"> 
</head> 

<body> 
<a href="http://www.oriko-san.tumblr.com/"><img id="gblogo" class="center" src="images/GB.png" alt="good boy logo" width="128" height="128" /></a> 
</body>

你的CSS文件：

.center { 
display: block; 
margin-left: auto; 
margin-right: auto; 
position: relative; 
}

来源

2014-09-06 20:26:37 sfdsfds

我不能保证，这里'亲戚'的定位有什么意义？ – 2014-09-06 20:30:13

好吧，我在网上找到了它。我只是随机地放了一些代码，然后解决了！（疯了吧？） – sfdsfds 2014-09-06 20:31:20

仅仅因为你在网络上发现了一些东西，并不意味着它在所有情况下都是如此，相对定位在这个特殊情况下是没有效果的。是因为Brian指出的样式表中的无效语句而发生的。 – 2014-09-06 20:39:08

以css无法正常工作为中心的图像

回答

相关问题