Javascript 将两个div与右侧的图像居中对齐

需要始终将箭头图像居中至右侧。当前文本居中，但当文本为两行时，imagediv不居中

'
'           

我会在css中设置display:flex和align items:center，如下所示：

作业{
显示器：flex；
对齐项目：居中；
}

---

我会在css中设置display:flex和align items:center，如下所示：

作业{
显示器：flex；
对齐项目：居中；
}

---

Flexbox是你的朋友

对于sugar类使用当前的Bootstrap 4，您的标记也变得更加简单，并且很容易看出您的意图

<div id="holding">
  <div class="job d-flex flex-row justify-content-between align-items-center">
    <a class="job-title" style=";" href="#"> machine learning engineer  </a>
    <a class="imgcontainer" href="#"><img border="0 " alt="W3Schools " src="https://uploads-ssl.webflow.com/5b3b89dea339e60649183848/5b3bc02bedb57a5c5b6b9a38_small-grey-arrow.svg " width="25 " height="25 "></a>
  </div>
  <div class="job d-flex flex-row justify-content-between align-items-center">
    <a class="job-title" style=";" href="#"> a really long job description linktext </a>
    <a class="imgcontainer" href="#"><img border="0 " alt="W3Schools " src="https://uploads-ssl.webflow.com/5b3b89dea339e60649183848/5b3bc02bedb57a5c5b6b9a38_small-grey-arrow.svg " width="25 " height="25 "></a>
  </div>
</div>

演示代码笔

---

您可能会发现这有助于您了解flexbox实际上是如何工作的。一开始可能会有点困惑，但它相对简单。

Flexbox是您的朋友

对于sugar类使用当前的Bootstrap 4，您的标记也变得更加简单，并且很容易看出您的意图

<div id="holding">
  <div class="job d-flex flex-row justify-content-between align-items-center">
    <a class="job-title" style=";" href="#"> machine learning engineer  </a>
    <a class="imgcontainer" href="#"><img border="0 " alt="W3Schools " src="https://uploads-ssl.webflow.com/5b3b89dea339e60649183848/5b3bc02bedb57a5c5b6b9a38_small-grey-arrow.svg " width="25 " height="25 "></a>
  </div>
  <div class="job d-flex flex-row justify-content-between align-items-center">
    <a class="job-title" style=";" href="#"> a really long job description linktext </a>
    <a class="imgcontainer" href="#"><img border="0 " alt="W3Schools " src="https://uploads-ssl.webflow.com/5b3b89dea339e60649183848/5b3bc02bedb57a5c5b6b9a38_small-grey-arrow.svg " width="25 " height="25 "></a>
  </div>
</div>

演示代码笔

---

您可能会发现这有助于您了解flexbox实际上是如何工作的。一开始可能会有点混乱，但它相对简单。

箭头图标的居中是什么？是的，需要箭头居中增益，请使代码更可读或创建代码笔/jsfiddle。此外，您的代码中也有错误…请尝试嵌套flexbox’我编辑了您的文章，并将代码设置为代码段。请随意再次编辑，以提供您所拥有的示例（结果和问题）。正如您所看到的，您的代码没有显示太多的问题；）你到底想把什么放在箭头图标的中心？是的，你需要以箭头为中心增益，请让你的代码更可读或者创建一个代码笔/jsfiddle。此外，您的代码中也有错误…请尝试嵌套flexbox’我编辑了您的文章，并将代码设置为代码段。请随意再次编辑，以提供您所拥有的示例（结果和问题）。正如您所看到的，您的代码没有显示太多的问题；）箭头未居中抱歉，运行代码段似乎未获取css。如果您按照js fiddle的链接进行操作，您可以看到它正在工作箭头未居中抱歉，运行代码片段似乎没有获得css。如果您按照js fiddle的链接进行操作，您可以看到它在运行：）在那里：）