Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.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
Jquery 缩略图不会在屏幕上居中_Jquery_Html_Css - Fatal编程技术网

Jquery 缩略图不会在屏幕上居中

Jquery 缩略图不会在屏幕上居中,jquery,html,css,Jquery,Html,Css,代码: 当我加载站点时,缩略图不会出现在屏幕中间。如果我的数学是正确的,它们应该是正确的。你可以使用翻译技巧来避免数学: 正文{ 填充顶部:50px; } .缩略图{ 位置:相对位置; 溢出:隐藏; } .标题{ 位置:绝对位置; 排名:0; 右:0; 背景:rgba(90,90,90,0.75); 宽度:100%; 身高:100%; 填充:2%; 显示:无; 文本对齐:左对齐; 颜色:#fff!重要; z指数:2; } .居中{ 位置:绝对位置; 最高:50%; 左:50%; -webkit

代码:


当我加载站点时,缩略图不会出现在屏幕中间。如果我的数学是正确的,它们应该是正确的。

你可以使用翻译技巧来避免数学:

正文{
填充顶部:50px;
}
.缩略图{
位置:相对位置;
溢出:隐藏;
}
.标题{
位置:绝对位置;
排名:0;
右:0;
背景:rgba(90,90,90,0.75);
宽度:100%;
身高:100%;
填充:2%;
显示:无;
文本对齐:左对齐;
颜色:#fff!重要;
z指数:2;
}
.居中{
位置:绝对位置;
最高:50%;
左:50%;
-webkit转换:翻译(-50%,-50%);
-ms转换:翻译(-50%,-50%);
-moz变换:平移(-50%,-50%);
转换:翻译(-50%,-50%);
背景色:透明!重要;
}

您是否尝试过边距:0自动!重要的;