Javascript 如何在<;div className=";col"&燃气轮机;

Javascript 如何在<;div className=";col"&燃气轮机;,javascript,html,css,reactjs,Javascript,Html,Css,Reactjs,我正在尝试将图像与div列的右侧内部对齐。 正如您所见,它需要稍微向右调整 我曾尝试在“logo position”中添加一些CSS来修复它,但没有成功。从我在网上找到的答案中,我尝试了: position: absolute; right: 38%; “绝对位置”(Position absolute)的工作原理与我一开始希望的一样,但一旦窗口大小发生变化,它就会移出位置 我还尝试将class=“pull right img responsive”添加到img对象中,但它似乎没有任何作用 编

我正在尝试将图像与div列的右侧内部对齐。 正如您所见,它需要稍微向右调整

我曾尝试在“logo position”中添加一些CSS来修复它,但没有成功。从我在网上找到的答案中,我尝试了:

position: absolute;
right: 38%;
“绝对位置”(Position absolute)的工作原理与我一开始希望的一样,但一旦窗口大小发生变化,它就会移出位置

我还尝试将
class=“pull right img responsive”
添加到img对象中,但它似乎没有任何作用


编辑:已解决。在导入图像之前,我只是在图像中添加了一些边距。

类似的操作应该可以:

  .col{
    display:flex;
    flex-direction:column;
    align-items:center;
    width:120px;
  }
.标志位置{ 对象匹配:包含

object-position: center;

}

您是否试图将github徽标置于
div.col
的中心位置?
img.logo-position{margin:0 auto;text align:center;}
有什么问题吗?添加
float:right到CSS文件中的图像,它应该可以完成任务。;)它不会移动图像。我更新了一点问题,希望能澄清它@诺加迪特不会移动图像。我更新了一点问题,希望能澄清它。是的,这就是我想要做的。因此,图像位于文本@damahdi03下的中间,我尝试了它,但不幸的是它没有做任何事情:(@Exchange_programming,你确定吗?是的,我认为它在该示例中起作用的原因是因为它没有包含主页脚的CSS(请参见问题)。我只是添加了主页脚,但它仍然居中。
text-align: right;
display: block;
margin-left: auto;
margin-right: auto;
  .col{
    display:flex;
    flex-direction:column;
    align-items:center;
    width:120px;
  }
object-position: center;