|
|
|
Перенос текста на новую строку: теряется padding в местах разрыва
|
|||
|---|---|---|---|
|
#18+
При переносе текста на новую строку теряется отступ и теряется левое выравнивание: Код: html 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. Можно ли решить эту проблему ? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 11.07.2014, 19:24 |
|
||
|
Перенос текста на новую строку: теряется padding в местах разрыва
|
|||
|---|---|---|---|
|
#18+
Поля вокруг надписи необходимы для визуального выделения ссылки при наведении на неё мыши. Если ссылка умещается в одну строку, при наведении на неё мыши вокруг неё появляется красное выделение. Но если ссылка не умещается в одну строку, она переносится при этом вторая строка расположена левее первой. Ссылку можно представить в виде [display: block] или [display: inline-block], то отступы будут во всех стоках, но в этом случае выделение по ширине займёт всю ширину внешнего контейнера. Если при этом сделать эту блок-ссылку плавающей [float: left], то в случае переноса она по-прежнему будет занимать всю ширину внешнего контейнера. Т.е. [display: block] или [display: inline-block] проблему не решают. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 11.07.2014, 19:32 |
|
||
|
Перенос текста на новую строку: теряется padding в местах разрыва
|
|||
|---|---|---|---|
|
#18+
Cyrax_02Ссылку можно представить в виде [display: block] или [display: inline-block], то отступы будут во всех стоках, но в этом случае выделение по ширине займёт всю ширину внешнего контейнера. Выделение занимает (внезапно!) ровно столько, сколько размера у блока с текстом. Надо, чтоб блок отступал от своего внешнего контейнера? Ставьте margin вместо padding. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 11.07.2014, 20:00 |
|
||
|
Перенос текста на новую строку: теряется padding в местах разрыва
|
|||
|---|---|---|---|
|
#18+
авторВыделение занимает (внезапно!) ровно столько, сколько размера у блока с текстом.Неа. Так будет только в 2 случаях: а) [display: inline-block] б) [display: block] + [float: left или right] Если текст имеет [display: block] и не является плавающим, то блок-текст будет занимать всю доступную ширину (исключение - перенос текста, см.ниже). авторНадо, чтоб блок отступал от своего внешнего контейнера? Ставьте margin вместо padding. По краям текста (не зависимо от того, отображается она встроенной или блочной) должен быть именно padding, чтобы background этого текста давал прямоугольное выделение. В случае, когда текст отображается как встроенный элемент, при переносе текста в местах разрыва теряется padding и как следствие, строки оказываются сдвинуты (первая строка начинается правее, остальные - левее). В случае, когда текст отображается как блок, при переносе текста этот блок занимает всю доступную ширину, даже при [display: inline-block] и [float: left] ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 11.07.2014, 22:01 |
|
||
|
Перенос текста на новую строку: теряется padding в местах разрыва
|
|||
|---|---|---|---|
|
#18+
Cyrax_02Если текст имеет [display: block] и не является плавающим, то блок-текст будет занимать всю доступную ширину (исключение - перенос текста, см.ниже). Я вам именно об этом и написал выше. Cyrax_02По краям текста (не зависимо от того, отображается она встроенной или блочной) должен быть именно padding, чтобы background этого текста давал прямоугольное выделение. Попробуйте сначала прочитать, что вам пишут. И сделать так, как пишут. Display: inline-block и выставление margin вместо padding делают именно то, что вам нужно. А еще (и я, увы, абсолютно серьезен) попробуйте прочитать книжку-две по верстке HTML. Ваши вопросы, включая этот, очень напоминают попытки работать со сложной техникой методом "тыка". "Я нажал на эти красивые кнопочки, но не работает! Почему?". "А еще я нажал вот на эти красивые кнопочки, и хочу, чтоб у меня сварилось кофе, но не варится! Почему?". "Что на приборе написано? Син-хро-фа-зо-трон, а зачем вы спрашиваете?". ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 12.07.2014, 13:52 |
|
||
|
Перенос текста на новую строку: теряется padding в местах разрыва
|
|||
|---|---|---|---|
|
#18+
Не нужно выёживаться. Мой вам совет. Мои вопросы корректны и полностью соответствуют всем правилам форума. Знаете решение и имеете желание его изложить - делайте это без гонора. Желаете померяться своей репой - участвуйте в научных конференциях и дискуссиях, пишите научные статьи. Если что-то имеете личное - такие вопросы предпочитаю решать реально, а не виртуально. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 12.07.2014, 14:27 |
|
||
|
Перенос текста на новую строку: теряется padding в местах разрыва
|
|||
|---|---|---|---|
|
#18+
Cyrax_02такие вопросы предпочитаю решать реально, а не виртуально.Быстро бегаешь? :) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 12.07.2014, 15:06 |
|
||
|
|

start [/forum/topic.php?fid=22&msg=38694734&tid=1446912]: |
0ms |
get settings: |
7ms |
get forum list: |
16ms |
check forum access: |
4ms |
check topic access: |
4ms |
track hit: |
165ms |
get topic data: |
10ms |
get forum data: |
2ms |
get page messages: |
46ms |
get tp. blocked users: |
3ms |
| others: | 198ms |
| total: | 455ms |

| 0 / 0 |
