垂直对齐文本和图像（图像顶部到文本x高度，图像底部到第7行基线）

Question

我想实现以下目标：

1. 将图像浮动到左侧。

2. 将右侧的文字对齐如下：

   •图像的顶部与文本的x高度顶部完全对齐

   •图像的底部与第7行或第n行的基线完全对齐。

每当更改类型大小时，都应满足这些条件。

是否可以使用CSS？

以下是一个示例，但无论我尝试什么，它都不适用于我：text-align：top / text-top / super等：

POST _search
{
  "query" : {
    "bool" : {
      "filter" : {
        "bool" : {
          "should" : {
            "term" : {
              "exact_value" : "MILAN"
            }
          }
        }
      },
      "should" : {
        "query_string" : {
          "query" : "live",
          "fields" : [ "full_text" ]
        }
      }
    }
  }
}

Answer 1

据我所知，那就是你能得到的尽可能接近。

尝试将文本的行高（使用line-height）设置为合理的值（如line-height: 1.2em），然后将图像的高度设置为n *行高（如{{1在1.2em处有7行。