как совместить td в группу, тд в группу

[leon2009sp]

Здравствуйте! как сделать что бы td не растягивалась во всю длину ? а смещалось??? пр: в рисунках :huh:

.pagins
{
	display:table;	
	margin:0 auto;
	border-collapse: separate; /* Способ отображения границы */
	border-spacing: 0.7vw 0.1vw; /* Расстояние между ячейками */
}
.pagtd
{
	display:table;	
	border: 0.1vw solid #149CB4;/* Граница вокруг ячеек */ 
	margin:0 auto;
	padding: 0.2vw;/* Поля вокруг текста */
	FONT-SIZE: 0.7vw;
	COLOR: #9C7D7D;
	FONT-FAMILY: Arial;	
}
.pagtd:first-child {width: 20%;text-align: left;COLOR:#D1350F;font-weight: bold;}
.pagtdfix
{
	display:table-cell;
	FONT-SIZE: 0.7vw;COLOR: #9C7D7D;FONT-FAMILY: Arial;font-weight: bold;
}

echo '
<div class="pagins">
<div class="table101-tr">
<div class="pagtdfix">'.$keylt.'</div>';
	for ($i = 1; $i <= count($array2)/5; $i++){
		if ($i != $p)
			echo '<div class="table101-td"><div class="pagtd"><div class="table101-tr"><div class="table101-td"><a href="?p='. $i .'" title="На страницу '. $i .'">'. $i .'</a></div></div></div></div>';
		else
			echo '<div class="table101-td"><div class="pagtd"><div class="table101-tr"><div class="table101-td">'. $i .'</div></div></div></div>';
	}
echo '<div class="pagtdfix">'.$keypt.'</div>
</div>
</div>';

картинка1
картинка2

Спасибо!

[comolov]

Попробуй на флексах сделать.

.table101-tr {
    display: flex;
    flex-wrap: wrap;
}

[leon2009sp]

Спасибо!