Переход на flexbox

#html #css #вёрстка #flexbox

Делаю теги для сайта. Раньше использовал display: inline-block



Но нужно, чтобы выравнивание было не слева а по ширине. Такое можно сделать если
использовать flexbox

.myclass {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


Но проблема в том, что последняя строка смотрится не красиво с выравниванием по ширине:



А если вместо justify-content: space-between использовать justify-content: flex-start,
тогда уже не будет выравнивания по ширине при уменьшении разрешения:



Вопрос: Возможно ли в flexbox обратиться к последней строке? Мне нужно чтобы выравнивание
было по ширине, а в последней строке по левой стороне. Решение может быть реализовано
с помощью javascript

Все получилось благодаря ответу пользователя Vadim Ovchinnikov, за что ему большое
спасибо.
Вот как выглядит то что мне нужно было:

    

Ответы

Ответ 1

То же самое как и ответ @Qwertiy только без

div:after {
  content: "";
  display: inline-block;
  width: 100%;
}




div {
  text-align: justify;
}

span {
  display: inline-block;
  border: 1px solid;
  padding: .25em;
  border-radius: .5em;
  margin-top: .5em;
}

  Assembler
  C
  C#
  C++
  CorelDraw
  HTML & CSS
  Java
  JavaScript
  Microsoft Office
  Pascal
  Photoshop
  PHP
  Sketch
  SQL
  База данных
  Графика



Ответ 2

div {
  text-align: justify;
}

span {
  display: inline-block;
  border: 1px solid;
  padding: .25em;
  border-radius: .5em;
  margin-top: .5em;
}

div:after {
  content: "";
  display: inline-block;
  width: 100%;
}

  html
  css
  верстка
  flexbox
  html
  css
  верстка
  flexbox
  html
  css
  верстка
  flexbox
  html
  css
  верстка
  flexbox