Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.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 - Fatal编程技术网

Html 容器部分-如何将其对齐以居中?

Html 容器部分-如何将其对齐以居中?,html,css,Html,Css,我在网站www.deks.org.rs上有一个关于容器类的问题 当您滚动到“Sponzori”(HTML中的Staff部分)时,您可以看到赞助商的3个徽标。在我从网上得到的模板中,这个容器看起来像4*x矩阵。我这里只有3个对象,我想居中,就像有4个对象一样(我想你明白我想说的)。怎么可能呢 附加了HTML和CSS文件 提前谢谢你 /*--职员部分--*/ 第4.staff-agileinfo节{ 填充:100px0; } section.staff-agileinfo h3.text-cent

我在网站www.deks.org.rs上有一个关于容器类的问题
当您滚动到“Sponzori”(HTML中的Staff部分)时,您可以看到赞助商的3个徽标。在我从网上得到的模板中,这个容器看起来像4*x矩阵。我这里只有3个对象,我想居中,就像有4个对象一样(我想你明白我想说的)。怎么可能呢
附加了HTML和CSS文件
提前谢谢你

/*--职员部分--*/
第4.staff-agileinfo节{
填充:100px0;
}
section.staff-agileinfo h3.text-center{
字体大小:40px;
字体大小:正常;
颜色:#000;
字体系列:“投石机MS”,无衬线;
填充底部:50px;
}
.视图{
宽度:100%;
高度:自动;
保证金:0自动;
边框:10px实心#f72d2d;
溢出:隐藏;
位置:相对位置;
文本对齐:居中;
-网络工具包盒阴影:1px 1px 2px#e6;
-莫兹盒阴影:1px 1px 2px#e6e6;
盒影:1px 1px 2px#e6;
游标:默认值;
}
.view.mask,
.查看.内容{
宽度:100%;
身高:100%;
位置:绝对位置;
溢出:隐藏;
排名:0;
左:0;
}
.查看img{
显示:块;
位置:相对位置;
}
.视图h4{
文本转换:大写;
颜色:#fff;
文本对齐:居中;
位置:相对位置;
字号:17px;
填充:10px;
背景:rgba(0,0,0,0.8);
利润率:150px0;
字体系列:“投石机MS”,无衬线;
}
.查看ul.团队-社会{
文本对齐:居中;
填充:30px0;
}
.查看ul.团队-社会li{
显示:内联块;
}
.查看ul.team-social li a i.fa{
宽度:40px;
高度:40px;
文本对齐:居中;
线高:40px;
字号:18px;
颜色:#fff;
边界半径:50%;
-webkit边界半径:50%;
-moz边界半径:50%;
-o-边界半径:50%;
-ms边界半径:50%;
}
.查看ul.team-social li a:悬停i.fa{
-webkit动画:旋转2s线性无限;
动画:旋转2s线性无限;
}
.查看ul.team-social li a i.fa.fa-facebook{
背景色:#3b5998;
颜色:#fff;
}
.查看ul.team-social li a i.fa.fa-youtube{
背景色:#cd201f;
颜色:#fff;
}
.查看ul.team-social li a i.fa.fa-twitter{
背景色:#1da1f2;
颜色:#fff;
}
.查看ul.team-social li a i.fa.fa-google-plus{
背景色:#dd4b39;
颜色:#fff;
}
.查看ul.team-social li a i.fa.fa-linkedin{
背景色:#0077b5;
颜色:#fff;
}
.查看p.info{
文字装饰:无;
填充:7px 14px;
背景:#000;
颜色:#fff;
文本转换:大写;
-网络工具包盒阴影:0 1px#000;
-moz盒阴影:0 1px#000;
盒影:0 0 1px#000;
}
.查看p.info:悬停{
-网络工具包盒阴影:0 0 5px#000;
-moz盒阴影:0 0 5px#000;
盒影:0 0 5px#000;
}
.视图8.遮罩{
背景色:rgba(247186,45,0.55);
顶部:-200px;
-ms过滤器:“progid:DXImageTransform.Microsoft.Alpha(不透明度=0)”;
过滤器:alpha(不透明度=0);
不透明度:0;
-webkit过渡:所有0.3都减少了0.5;
-moz转换:所有0.3秒都会减少0.5秒;
-o型过渡:所有0.3秒缓解0.5秒;
-毫秒转换:所有0.3秒都会减少0.5秒;
过渡:所有0.3缓减0.5秒;
}
.第八视图h4{
-webkit转换:translateY(-200px);
-moz变换:translateY(-200px);
-o变换:translateY(-200px);
-ms变换:translateY(-200px);
转换:translateY(-200px);
-webkit转换:所有0.2秒的输入输出均为0.1秒;
-moz转换:所有0.2秒缓进输出0.1秒;
-o型转换:所有0.2秒缓进输出0.1秒;
-ms转换:所有0.2秒缓进缓出0.1秒;
过渡:所有0.2秒缓进缓出0.1秒;
}
.查看第八个ul团队-社会{
颜色:#333;
-webkit转换:translateY(-200px);
-moz变换:translateY(-200px);
-o变换:translateY(-200px);
-ms变换:translateY(-200px);
转换:translateY(-200px);
-webkit转换:所有0.2秒轻松输入输出0.2秒;
-moz转换:所有0.2秒缓进输出0.2秒;
-o型转换:所有0.2秒缓进输出0.2秒;
-ms转换:所有0.2秒缓进输出0.2秒;
过渡:所有0.2秒缓进输出0.2秒;
}
.查看第八页信息{
-webkit转换:translateY(-200px);
-moz变换:translateY(-200px);
-o变换:translateY(-200px);
-ms变换:translateY(-200px);
转换:translateY(-200px);
-webkit转换:所有0.2秒的输入输出均为0.3秒;
-moz转换:所有0.2秒缓进输出0.3秒;
-o过渡:所有0.2秒缓进输出0.3秒;
-ms转换:所有0.2秒缓进缓出0.3秒;
过渡:所有0.2秒缓进缓出0.3秒;
}
.视图8:悬停.遮罩{
-ms过滤器:“progid:DXImageTransform.Microsoft.Alpha(不透明度=100)”;
过滤器:α(不透明度=100);
不透明度:1;
顶部:0px;
-webkit转换延迟:0秒;
-moz转换延迟:0s;
-o-过渡延迟:0s;
-ms转换延迟:0s;
转换延迟:0s;
-webkit动画:bounceY 0.9s线性;
-moz动画:弹跳0.9s线性;
-ms动画:弹跳0.9s线性;
动画:弹跳0.9s线性;
}
.视图八:悬停h4{
-webkit转换:translateY(0px);
-moz变换:translateY(0px);
-o-变换:translateY(0px);
-ms变换:translateY(0px);
变换:translateY(0px);
-webkit转换延迟:0.4s;
-moz转换延迟:0.4s;
-o-过渡-延迟:0.4s;
-ms转换延迟:0.4s;
过渡延迟:0.4s;
}
.第八视图:悬停ul.团队-社会{
-webkit转换:translateY(0px);
-moz变换:translateY(0px);
-o-变换:translateY(0px);
-ms变换:translateY(0px);
变换:translateY(0px);
-webkit转换延迟:0.2s;
-moz转换延迟:0.2s;
-o-过渡-延迟:0.2s;
-ms转换延迟:0.2s;
过渡延迟:0.2s;
}
.第八视图:悬停p.info{
-webkit转换:translateY(0px);
-moz变换:translateY(0px);
-o-变换:translateY(0px);
-ms变换:translateY(0px);
变换:translateY(0px);
-webkit转换延迟:0秒;
-moz转换延迟:0s;
-o-过渡延迟:0s;
-ms转换延迟:0s;
转换延迟:0s;
}
@ke
display: flex;
justify-content: center;