Как центральный блок растягивать занимая свободное пространство

[runyugin]

Как центральный блок "block_2" растягивать занимая свободное пространство в конструкции:

<div class="block">
       <span class="block_1">1111111</span><span class="block_2"></span><span class="block_3">111111</span>
       <span class="block_1">222222222222222222222222222222</span><span class="block_2"></span><span class="block_3">22222222222</span>
       <span class="block_1">3333333333333333333</span><span class="block_2"></span><span class="block_3">33333</span>
</div>

<style>
.block_2
  {
   border-bottom: 1px dotted #d2d2d2;
}

</style>

Цель отображать вот так:
http://javascript.ru/forum/attachmen...d=145391724 9

[DynkanMaclaud]

runyugin,
тоесть ты сам точки не можешь поставить надо на js реализовать?)

[рони]

DynkanMaclaud,
а без js сможешь?

[DynkanMaclaud]

рони,
я задание видимо не понял(((((

[destus]

DynkanMaclaud,
а без js сможешь?

А возможно ли? На JS понятно как: вычисляем ширину блока слева, ширину блока справа и присваиваем центр блоку оставшуюся возможную

window.outerWidth - leftnum.offsetWidth - rightnum.offsetWidth;

[рони]

destus,
копать надо в сторону flex

[runyugin]

я про такой вариант http://codepen.io/anon/pen/GodqZx когда перекрывать картинкой не подходит...

[Алексей Петрович]

destus,
копать надо в сторону flex

сложно было загуглить "flex" и почитать: FLEX, человек зря писал, время своё потратил.

[рони]

сложно было загуглить "flex"

это вы кому? и если у вас есть вариант решения не могли бы его показать?

[рони]

когда перекрывать картинкой не подходит

не понял и тут, что картинкой перекрыто?