Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.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
Css 将div内的部分与图像居中_Css_Html - Fatal编程技术网

Css 将div内的部分与图像居中

Css 将div内的部分与图像居中,css,html,Css,Html,如何在div内垂直和水平居中放置 jsIDLE:尝试使用以下方法: div部分{ 颜色:#FFFFFF; 背景色:#456087; 位置:绝对位置; 最高:25%; 左:25%; 底部:25%; 右:25%; 不透明度:0.3; 过滤器:α(不透明度=30%); } jsidle:有两种方法:- 请参阅此页 您可以为内部内容(img、div、section等)提供边距:右上下左 如果内部区域具有已知的宽度和高度,您可以使用旧的负边距技巧()。这不起作用,因为图像将具有不同的高度和宽度。这不起作

如何在div内垂直和水平居中放置

jsIDLE:

尝试使用以下方法:

div部分{
颜色:#FFFFFF;
背景色:#456087;
位置:绝对位置;
最高:25%;
左:25%;
底部:25%;
右:25%;
不透明度:0.3;
过滤器:α(不透明度=30%);
}
jsidle:

有两种方法:-

  • 请参阅此页

  • 您可以为内部内容(img、div、section等)提供边距:右上下左


  • 如果内部区域具有已知的宽度和高度,您可以使用旧的负边距技巧()。这不起作用,因为图像将具有不同的高度和宽度。这不起作用,因为每个图像将具有不同的高度和宽度,因此无论其大小,文本都将居中。我想,您的要求是使剖面部分成为div的中心。因此,无论图像大小如何,剖面部分始终位于中心。这不是所需要的??是的,这正是所需要的。我尝试了不同大小的图像,它适合我。你能试试吗?这位同事!谢谢:)