已经使用高度但垂直对齐仍然无法正常工作

Question

这是我构建元素的方式

这是到目前为止的结果

我已尝试同时使用<?php if(!empty($_GET['url'])){ $url = urldecode($_GET['url']); $img_type = "image/jpeg"; $chunks = explode('.', $url); if(is_array($chunks) && count($chunks) > 1){ $ext = end($chunks); switch ($ext){ case 'jpg': case 'jpeg': $img_type = "image/jpeg"; break; case 'png': $img_type = "image/png"; break; case 'gif': $img_type = "image/gif"; break; } } $img = file_get_contents($url); header ("Content-Type: $img_type"); echo $img; } 和<h3 style="vertical-align:middle;height:250px;">，但我没有尝试谷歌，但仍然不明白我应该将哪个元素设为<h3 style="vertical-align:middle;height:inherit;">，哪个元素应该height:...px 1}}

请指导，谢谢

Answer 1

vertical-align仅适用于内联元素（例如<span>或<a>）。由于<h3>的默认显示值为block，因此您必须将其设置为显示为内联，选择其他标记或使用其他垂直对齐方式（例如flexbox）。