Jump to content
  • 0

падинги для спана


vladmih
 Share

Question

http://jsfiddle.net/AYxAw/

в общем суть такова...

Как сделать боковые отступы фона от крайних символов? То есть по краям где символы фон сделать по дальше...

Блоковым делать его нельзя, он должен быть лайновым, чтоб был эффект перехода строк.

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

display: inline-block попробуйте. снаружи span будет себя вести как и раньше, а внутри как блоковый.

Если я его добавляю к классу который в спане, то спан становится блочным и фон обромляет весь блок а не слова...

Link to comment
Share on other sites

  • 0

display: inline-block попробуйте. снаружи span будет себя вести как и раньше, а внутри как блоковый.

Если я его добавляю к классу который в спане, то спан становится блочным и фон обромляет весь блок а не слова...

в инлайн элементе может быть перенос строк, как вы сказали выше сами. И вы хотите чтобы в независимости от того есть перенос строк или нет у каждой подстроки были отступы фона слева и права я вас верно понимаю?

Link to comment
Share on other sites

  • 0

display: inline-block попробуйте. снаружи span будет себя вести как и раньше, а внутри как блоковый.

Если я его добавляю к классу который в спане, то спан становится блочным и фон обромляет весь блок а не слова...

в инлайн элементе может быть перенос строк, как вы сказали выше сами. И вы хотите чтобы в независимости от того есть перенос строк или нет у каждой подстроки были отступы фона слева и права я вас верно понимаю?

Вот смотри в jsfiddle, видно что слова которые крайние: "торговли", "2012" это те которые справа, и так слова которые слева. Расстояние между последним (первым) пикселем и концом(началом) фона черного равно 0, а нужно его увеличить....

А спасибо, тема закрыта...

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy