Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Стили (CSS) Нижний отступ display: block;

Нижний отступ display: block;


     24.10.2013    Стили (CSS)    1721

вопрос
Можно ли как-то убрать нижний отступ в элементах с display: block;? Интересует больше всего в полной новости.
К примеру, если выровнять картинку или текст по центру, сразу берется в div с display: block; и появляется отступ снизу который не всегда нужен.

line-height:0; - не работает с картинкой, и слепляет в кучу текст.

Одно решение нашел: margin: минусовая высота строки; но как-то хочется по красивее.
Или нету других вариантов?

Ответил: Sander


Чтобы текст под картинкой прилегал вплотную в картинке, без отступа, нужно прописывать ее в новости без переносов на новую строку.
Пример:
[img]http://promodne.com/uploads/posts/2013-10/1382459058_20131021-hallow4.jpg[/img]"Русалонька" Кім Кардашьян

Как это будет выглядеть в новости:
"Русалонька" Кім Кардашьян


А у вас же после картинки стоит перенос на новую строку, что парсер преобразует его в тег br
Пример:
[img]http://promodne.com/uploads/posts/2013-10/1382459058_20131021-hallow4.jpg[/img]
"Русалонька" Кім Кардашьян

И в новости (см. исходный код):

"Русалонька" Кім Кардашьян

Комментарии пользователей (3)

Sander
1126

1637 | 1204

Sander - 24 октября 2013 15:21 - Эксперт

line-height делал так?

<style>
.story div div{line-height:0px;}
</style>
<div class="story">{full-story}</div>


Хотя не. даже пробовать не стоит. Все цитаты и коды слипнутся.
Была подобная проблема, не помню уже как решил ее.

PS. Адрес сайта бы...

SanDev.pro - мой блог.

ICQ: 404-037-556
Skype: Sander8804

ПафНутиЙ
1065

3396 | 2434

ПафНутиЙ - 24 октября 2013 21:37 - Админ

Адрес сайта давайте, без этого трудно будет помочь.

Каков вопрос - таков и ответ. Просто помните об этом.

nseregau
1

16 | 2

nseregau - 24 октября 2013 21:53 - Юзер

Сайт вот http://promodne.com/
У меня цель была выравнивать принудительно все картинки по центру.

Сделал через
margin: 0 auto;
display: block;

И вот отступы повылазили.
Тоже самое если ровнять через bbcode.

Сейчас так
margin: 10px auto -10px auto;
display: block;

В принципе вроде и нормально, но думал есть другой способ. На сайте просто есть картинки с подписями под ними, а когда подпись намного ниже, то непонятно к чему она относится.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы