Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.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 如何垂直居中飞行? 我想在图像中间画一个图像。我该怎么做?我试过这样做: <figure> <img src="Pic1" style="width:60%; height:auto; float:right" /> <figcaption class="title" style="vertical-align:middle">xxx</figcaption> </figure> xxx_Html - Fatal编程技术网

Html 如何垂直居中飞行? 我想在图像中间画一个图像。我该怎么做?我试过这样做: <figure> <img src="Pic1" style="width:60%; height:auto; float:right" /> <figcaption class="title" style="vertical-align:middle">xxx</figcaption> </figure> xxx

Html 如何垂直居中飞行? 我想在图像中间画一个图像。我该怎么做?我试过这样做: <figure> <img src="Pic1" style="width:60%; height:auto; float:right" /> <figcaption class="title" style="vertical-align:middle">xxx</figcaption> </figure> xxx,html,Html,但标题仍在图像顶部。尝试以下解决方案: 图{ 显示:表格; } 图figcaption.title{ 显示:表格单元格; 垂直对齐:中间对齐; } 图img{ 显示:表格单元格; 宽度:60%; } xxx 您可以将体形显示为flex,然后使用自动边距将标题居中 图{ 显示器:flex; } 图figcaption{ 保证金:自动10px; } 随机照片 垂直对齐:中间也不起作用。

但标题仍在图像顶部。

尝试以下解决方案:

图{
显示:表格;
}
图figcaption.title{
显示:表格单元格;
垂直对齐:中间对齐;
}
图img{
显示:表格单元格;
宽度:60%;
}

xxx

您可以将体形显示为flex,然后使用自动边距将标题居中

图{
显示器:flex;
}
图figcaption{
保证金:自动10px;
}

随机照片

垂直对齐:中间也不起作用。