Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.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 使用CSS指定主体的位置_Html_Css - Fatal编程技术网

Html 使用CSS指定主体的位置

Html 使用CSS指定主体的位置,html,css,Html,Css,以下是我的网站代码: 正文{ 背景图片:url('background.jpg'); 背景重复:无重复; 背景附件:固定; 背景尺寸:封面; } .居中{ /*全身居中*/ 显示器:flex; 证明内容:中心; 对齐项目:居中; 位置:静态; } 培训文件上传 选择midi文件: 您可以像尝试过的那样使用或任何子元素包装器来居中。我所做的唯一更改是将flexbox居中应用于.child元素正下方的 添加flex-direction:column以将其从一行更改为一列,这样做似乎可以使内容

以下是我的网站代码:

正文{
背景图片:url('background.jpg');
背景重复:无重复;
背景附件:固定;
背景尺寸:封面;
}
.居中{
/*全身居中*/
显示器:flex;
证明内容:中心;
对齐项目:居中;
位置:静态;
}

培训文件上传




选择midi文件:



您可以像尝试过的那样使用
或任何子元素包装器来居中。我所做的唯一更改是将flexbox居中应用于
.child
元素正下方的

添加
flex-direction:column
以将其从一行更改为一列,这样做似乎可以使
内容与徽标一起居中。如果没有徽标src,很难判断对齐是否“完美”,但如果需要进一步调整,我会在
中添加填充或边距,以实现徽标所需的居中

正文{
背景图片:url('background.jpg');
背景重复:无重复;
背景附件:固定;
背景尺寸:封面;
}
.孩子{
/*全身居中*/
显示器:flex;
弯曲方向:立柱;
证明内容:中心;
对齐项目:居中;
}

培训文件上传




选择midi文件: