文章/答案/技术大牛

发布

社区首页 >问答首页 >将图像与css不工作的图像对齐

问将图像与css不工作的图像对齐
EN

Stack Overflow用户

提问于 2014-09-06 20:19:31

回答 2查看 73关注 0票数 0

大约4周前，我刚开始上网页设计课，我对它非常感兴趣。如果有人能帮助像我这样的新手，我会非常感激的。

我不太清楚这里有什么问题。代码在我的一个单独的文件上工作，但是当我试图启动一个新的项目时，它就不再起作用了。:/

以下是我的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;}

html

css

image

centering

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-09-06 20:26:08

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

这里是一篇关于doctype的介绍性文章，并包含了使用doctype的一节。

票数 4

Stack Overflow用户

发布于 2014-09-06 20:26:37

试试这个！(，我不保证是)

您的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;
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/25704383

复制

相似问题

问将图像与css不工作的图像对齐
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将图像与css不工作的图像对齐EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将图像与css不工作的图像对齐
EN