小编Ale*_*kow的帖子

大家好,请提前帮忙...我正在寻找解决一个简单问题的最佳做法:

.left {
  float: left;
  width: 79%;
  margin-right: 1%;
}
.left img {
  float: right;
}
.right {
  float: right;
  width: 20%;
}

<div class="main">
  <div class="left">
    <img src="http://placehold.it/200x200" />
  </div>
  <div class="right">A TEXT</div>
</div>

我应该如何将文本垂直居中放置在图像的中间(显然不是在边缘顶部或底部使用px,因为图像的宽度/高度将是动态的).谢谢!

语境

我目前正在 Stack Overflow 上制作我的开发故事。我添加了一些开源项目，并在描述中添加了一个链接。

问题

我试图做到这一点，当您单击 bio 中的链接时，该链接会在新的tab/ 中打开window。我搜索并找到了三种方法：

第一种方式：

[my link](https://myawesome.link)[newtab]

第二种方式：

[my link](https://myawesome.link){:target="_blank"}

第三种方式：

<a href="https://myawesome.link" target="_blank">my link</a>

我尝试了三种方法，但没有任何效果。

题

所以我的问题是，有可能这样做吗？

如果可能，我该怎么做？