小编use*_*672的帖子

我有一个 div，里面有两个项目。我将它们放在一列中，需要第一个项目来对齐：中心，第二个项目来对齐：flex-end。我该怎么做呢？

HTML：

<div class="wrapper wrapper--login">
   <h1 class="wrapper--login__title">
      Demo or Die
   </h1>
   <a class="btn wrapper--login__btn" href="#">
      Log in
   </a>
</div>

CSS：

.wrapper--login{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

我正试图在点击时更改img.这是我的HTML代码:

<div id ="Nl">
   <img id="imgNl" src="images/Nl.jpg">
</div>

这是我发现的芒果:

<script>
        $('#Nl').click(function(){
            $('imgNl').attr('src', 'images/smiley.jpg');
        });
 </script>

它不起作用.我做错了什么？