Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 使用类标识符时图像未居中_Html_Css_Image - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 使用类标识符时图像未居中

Html 使用类标识符时图像未居中

html css image

Html 使用类标识符时图像未居中,html,css,image,Html,Css,Image,我正在尝试使用css中的类标识符将图像居中。这应该是一个非常简单的练习。所以我很确定解决方案应该很简单。img.center也不起作用。我成功地将图像居中的唯一方法是仅使用img，但我不希望所有图像都居中。我在几篇文章中看到了关于同一主题的文章，文本对齐：居中应该有效。但这也不起作用，在img元素中也尝试了display:inline CSS Html 我的家庭困扰 您的和部件有错误。您设置的类不正确。它应该是和左边的边距：auto（和-right）应用于元素本身，因此在这种情况下应用于div

我正在尝试使用css中的类标识符将图像居中。这应该是一个非常简单的练习。所以我很确定解决方案应该很简单。img.center也不起作用。我成功地将图像居中的唯一方法是仅使用img，但我不希望所有图像都居中。我在几篇文章中看到了关于同一主题的文章，文本对齐：居中应该有效。但这也不起作用，在img元素中也尝试了display:inline

CSS

Html


我的家庭困扰
您的
和
部件有错误。您设置的类不正确。它应该是
和
左边的
边距：auto
（和-right）应用于元素本身，因此在这种情况下应用于
div
以及
img


text align:center
声明仅适用于该元素内的内容。因此，只要
div
设置了正确的
宽度（例如
100%
），在
div
的CSS上使用它就可以了


也可能是父元素为其内容创建了一个
浮点数
，这可能会停止
左边距：自动
居中方法。
应该是
@andrex我知道这一定是我的愚蠢之举！非常感谢。现在你指出了这一点，这是多么明显啊！

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



<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>My Family Obsession</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=PT+Sans|Pacifico' rel='stylesheet'      type='text/css'>
</head>
<body>
    <div class:"center">
    <img src="http://www.mariahswind.com/stitch-wiki/bigtree.png" alt="bigtree" class:"center">
    </div>
</body>
</html>