Jump to content
  • 0

Меня бесит тег p и line-height, как их угомонить?


logicface
 Share

Question

Всем привет, есть проблема с margin блоков.

 

Дело в том, что я немного perfectционист и стремлюсь к тому, что бы все зазоры между блоками были одинаковые. Ладно, я могу простить разницу в 1 пиксель, но больше чем 1 нет, это выше моих сил.=D

 

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

Ей богу, как они меня бесят эти абзацы и этот line-height.

 

Вот пример хорошего дела:

https://www.dropbox.com/s/mr0jkcx2zg90gd1/1.png

 

А вот пример плохого дела:

https://www.dropbox.com/s/3vj1vlh2unp56vt/2.png

 

line-height мне нужен такой как есть сейчас, что бы зазор между буквами был 14 пикселей. Это можно как то исправить, что бы конец блока был именно тогда, когда происходит конец последнего пикселя буквы?=D

Edited by logicface
Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0

Короче я пока остановился на том, что сделал тегу p отрицательный margin-bottom и margin-top:1em - мало ли будет последовательность тегов <p> идти. И все отступы переделал под эту бурду, получилась конечно жесть полная, но работает.=D

Link to comment
Share on other sites

  • 0

скорее всего проблема в том что ты не понимаешь как строится строка и как размещается контент в строке.

погугли хабр на данную тему

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

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

Я хочу что бы между ними был всегда одинаковый отступ и дайю тегу h1 padding-bottom:20px. Хрен там будет 20 пикселей даже с 1 настройки, придется возиться со всеми нелюбимыми "магическими числами", куда уж без них. А если я потом решу увеличить размер текста тега p? Что мне вручную паддинг менять что ли?

Edited by logicface
Link to comment
Share on other sites

  • 0
Надо что бы разрабы придумали новую функцию css которая бы верхушку и конец строковых элементов резала до конца их последнего пикселя и не давала зазоров.=)
 

не надо ничего придумывать. 

надо понимать что такое строка, как она строится и какие параметры на неё влияют.

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