Question

我目前正在尝试在我的CSS中垂直对齐q标签，但出于某种原因，引号也不会对齐，从而产生问题。以下是相关代码的相关部分：

q {
   vertical-align: top;
}

Here is an image问题。我不知道这是否是涉及多个部分交互的某种复杂问题，但如果是这样，这里是我的html和css文件。

Answer 1

vertical-align属性仅适用于：

内联级和'table-cell'元素

请参阅此link。

尝试

q {
   display: inline;
   vertical-align: top;
}

Answer 2

尝试在图像上使用float left。

img {
  float: left;
}

<p class="quote">
  <img src="http://placehold.it/50x50" alt="Fresh" />
  <q>TMNT is a fun, action-filled adventure that will satisfy longtime fans and generate a legion of new ones.</q>
</p>

垂直对齐q标签

2 个答案: