В строке 2 элемента, второму нужно присвоить оставшуюся длину с вычетом 1-го элемента?

Question

[Сергей Карвасарный]

Может кто делал такое, что-то в голову вообще ничего не приходит. prntscr.com/540ql0 как сделать подчеркивание на 2 часть строки. не могу заставить принять остаток длинны строки 2-му элементу.

Answer 1

[A K]

Решение онли css
jsfiddle.net/Symphony/wLnzw8jn

Answer 2

[Александр Цымбал]

нет, такое сделать нельзя с помощью css, если фон не однотонный.
а вот если фон однотонный, то можно. Гляньте пример здесь: bonsai.spb.ru - в карточках товара характеристики сделаны в виде оглавления. Практически то же самое, что нужно вам.
Есть блок, у которого фоновая картинка - подчеркивание.
Внутри этого блока два других (название и значение). Оба - inline-block. У первого есть заливка фона (белым цветом), а у второго - фон прозрачный. Таким образом под первым блоком фона (подчеркивания) не видно.

Comments

[Сергей Карвасарный]

вот этот способ я знал) в этом и проблема, что здесь он не прокатит(

[Александр Цымбал]

megapihar6: ну тогда только js.

у первого спана ставим float: left, у второго float: right.
а дальше jquery
$("второй спан").each(function(){
$(this).width(($(this).parent().width())-($(this).prev().width())); //ширина второго спана = ширина родителя минус ширина предшественника
});