yaparoff

Лейбл не прижимается к тексту, когда текст в 2 строки

Recommended Posts

Есть лейбл. По задумке дизайнера этот лейбл должен прижиматься к тексту и расстояние между лейблом и текстом должно быть 10 пикселей.
Но вот когда текст переноситься это не срабатывает: лейбл прижимается к правому краю. Вот так http://skrinshoter.ru/s/121218/eVuL33Lz
Понятно что дизайнеру не хотелось бы чтоб было так. Но как сделать это чтоб соответствовало его задумке  - хз.

https://codepen.io/anon/pen/OrVBKN

Edited by yaparoff

Share this post


Link to post
Share on other sites

Блин, думал получится, но почему-то во втором аётеме, лейбл отталкивается не от размера контейнера, а от размера второй строки в этом контейнере.

https://codepen.io/corvus-007/pen/OrVdqy?editors=1100

Share this post


Link to post
Share on other sites
12.12.2018 в 11:44, mrnobody сказал:

... думал получится ...

    не получится)

12.12.2018 в 11:44, mrnobody сказал:

... почему-то во втором аётеме, лейбл отталкивается не от размера контейнера, а от размера второй строки в этом контейнере.

https://codepen.io/corvus-007/pen/OrVdqy?editors=1100

у Вас там не ни какой второй строки! это только так кажется 

в данном примере элементу задан line , то его содержимые - символы, будут: 

    отображаться в одну строку на всю доступную ширину относительно предка 

        и определяя его высоту как высоту строки

    если: предку ширина задана явно

       то: набор символов содержимого, исходя из заданной ширины, будет выстраиваться вертикально -

             - друг под другом, разделяя наборы пропорционально, исходя из количества символов на пробел...

       но!..: фактически высота элемента в независимости от ширины  будет = одной высоте символа, с учетом  - 

                 - свойств применяемых браузером к символам и предопределённые стили к ним. 

    итог: line элементы имеют высоту самого высокого символа в наборе если значения не указанны абсолютно, 

              то следующий за ним элемент буде отсчитываться последнего символа,

              соответственно и выравниваться по вертикали будет по линии последнего символа.

...

  этот способ скорее всего не подойдет( 

    

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Member Statistics

    46,331
    Total Members
    3,128
    Most Online
    god
    Newest Member
    god
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.