Fatal编程技术网
  • html/
  • Html Can'；我的头球不要居中

Html Can'；我的头球不要居中

html css

Html Can'；我的头球不要居中,html,css,Html,Css,很难让标题图像居中 body { font-family:Verdana, Genova, sans-serif; background-color:#000; } divWrapper { width:700px; margin:20px auto; } divHeader { width:700px; background-color:#999; } 还有我的html <!DOCTYPE HTML> <html la

很难让标题图像居中

body {
    font-family:Verdana, Genova, sans-serif;
    background-color:#000;  
}

divWrapper {
    width:700px;
    margin:20px auto;
}

divHeader {
    width:700px;
    background-color:#999;
}
还有我的html

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Just Messing Around</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="divWrapper">
<div id="divHeader"><img src="raiderd.png" width="405" height="68"/></div>
</div>
</body>
</html>


只是胡闹
无论我做什么，似乎都停留在左上角…

ID的“#”不见了

#divWrapper {
    width:700px;
    margin:20px auto;
}

#divHeader {
    width:700px;
    background-color:#999;
}
图像不会居中，因为有两个相同宽度的嵌套标记。你可以尝试使用

#divHeader img {
    display:block;
    text-align:center;
}

<div id="divHeader"><img src="raiderd.png" width="405" height="68"/></div>

#divHeader img{
显示：块；
文本对齐：居中；
}
说实话，我忘了（我正在吃晚饭）。这完全取决于header div的最终外观。一切都以人为中心？在这种情况下，我可能会将
文本对齐：居中在
上。不过，您应该通过修补来获得它。
以上是正确的，而且
#divHeader
需要有
边距：auto宽度必须小于包装器

看看这个Jsfiddle。更改图像的文本，并将
divHeader
宽度增加到图像的大小（必须仍然小于包装器）




你可以忽略body属性
我觉得自己像个白痴……一切都在中间，但是现在我的背景是白色而不是黑色，我没有改变任何东西，除了id的##········································？

body{
    width:90%;
}

#divWrapper {
   width:700px;
   background-color:#999;
   margin:auto;
}

#divHeader {
    width:20px;
    margin: auto;
}