Как скрыть элементы, которые не помещаются в блоке?

Question

[Annet22]

Здравствуйте! Есть такая конструкция на html

<div class="entry-article">
<h2>Любой заголовок</h2>
<div class="entry-tags">
	<a href="#">Текст метки</a>
	<a href="#">Другой текст метки</a>
	<a href="#">Мало текста</a>
	<a href="#">Много текста для одной метки</a>
	<a href="#">Мало текста</a>
	<a href="#">Много текста для одной метки</a>
	<a href="#">Мало текста</a>
	<a href="#">Много текста для одной метки</a>
</div>
</div>

.entry-article{
display: block;
width: 250px;
}
.entry-article h2{
font-size: 22px;
}
.entry-tags{
display: inline-block;
}
.entry-tags a{
color: #000;
background-color: #f3f7f3;
display: inline-block;
padding: 5px 10px;
font-size: 16px;
margin-right: 5px;
text-decoration: none;
}

В ней известна ширина блока-статьи. Блок с метками entry-tags должен быть в одну строку и элементы не должны выходить за пределы статьи. Меток может быть много и длина текста в каждой может быть разной. Задача прятать все ссылки (метки), которые не помещаются. Именно прятать ссылки(метки), не обрезать кусками. Может есть решение подскажите.

Answer 1

[Anna_BS]

codepen

Comments

[indigo_style]

Круто!

Answer 2

[Annet22]

Это если обработка одного блока (entry-article) ? А если таких блоков несколько и у каждого свои метки(ссылки) + их количество и длина разная.