Как уменьшить расстояние между строками в css
Перейти к содержимому

Как уменьшить расстояние между строками в css

  • автор:

как увеличить расстояние?

SuRS,   — это символ ‘пробел’ а мне нужно сделать при помощи BR не просто перенос строки, а как отделение абзаца. Чтобы тэг BR стал альтернативой тэгу P SSETEVOY добавил 26.04.2009 в 16:05 So1, мешает то, что на всем сайте при помощи WYSYWIG текст разделен на абзацы не при помощи P, а при помощи BR 🙁 А перелапачивать почти тычсячу страниц не хочется.

26 апреля 2009, 12:11

SSETEVOY:
SuRS,   — это символ ‘пробел’

а мне нужно сделать при помощи BR не просто перенос строки, а как отделение абзаца.
Чтобы тэг BR стал альтернативой тэгу P

SSETEVOY добавил 26.04.2009 в 16:05
So1, мешает то, что на всем сайте при помощи WYSYWIG текст разделен на абзацы не при помощи P, а при помощи BR 🙁

А перелапачивать почти тычсячу страниц не хочется.

Поставьте open_wysiwyg или FCKEditor. Полторы тысячи страниц перелапачивает небольшой скрипт на PHP или Dreamweaver в легкую. А вот заставить
делать отступы больше, чем он делает никак не получится. Просто-напросто к нему не применяются никакие стили.

Как уменьшить расстояние между обьектами?

Есть вот такие объекты, и между ними надо уменьшить расстояние между ними, но я уже подзабыл как. Подскажите? Вот проблема, слишком большое расстояние, из-за чего они вылезают за рамки. Вот их CSS:

#foto < width: 100vw; position: relative; left: -150px; display: flex; justify-content: space-around; flex-wrap: wrap; right: 100px; >.file < display: block; width: 250px; height: 200px; position: relative; margin: 60px 100px 50px 130px; >.file_img img

Отслеживать
24k 4 4 золотых знака 35 35 серебряных знаков 68 68 бронзовых знаков
задан 24 июн 2019 в 18:35
51 1 1 серебряный знак 6 6 бронзовых знаков
ихний — это чеяшний?
24 июн 2019 в 19:52
Попробуй через margin сделать.
25 июн 2019 в 9:03

1 ответ 1

Сортировка: Сброс на вариант по умолчанию

Если я верно поняла вашу разметку, то причина в следующем: из-за того, что ширина контейнера #foto , в котором вы размещаете фотографии, задана динамически ( width: 100vw — то есть, во всю ширину окна), а размеры фотографий и отступы между ними заданы жёстко в пикселях ( margin: 60px 100px 50px 130px; у элемента с классом .file и width: 200px у .file и .file_img ) — в какой-то момент ширина контейнера с чёрной рамкой (как и ширина окна) становится меньше, чем сумма ширин фотографий и расстояний между ними.

В вашем случае (как правильно заметили в комментарии) можно задать свойство margin для контейнеров с фото .file в процентах, чтобы оно не было жёстким, а регулировалось в зависимости от ширины блока. Или попробовать вовсе убрать это свойство, поскольку у контейнера с фотографиями вы прописали flex-свойство justify-content: space-around , что уже означает, что фотографии будут распределены так, чтобы свободное место располагалось поровну вокруг них. Если вы хотите сделать так, чтобы крайние картинки «прижимались» к краям блока #foto , а остальные располагались между ними с равными расстояниями — попробуйте justify-content: space-between .

P.S.: если вы прикрепите html-разметку этого фрагмента, то можно будет с большей точностью выяснить, что пошло не так, и дать более действенный совет:)


Расстояние между строками


Апплет

Программа, которая выполняется с составе браузера или под управлением специальной программы для ее просмотра. Апплет, как правило, пишется на языке Java, поэтому часто можно встретить сочетание «Java апплет».


В данном примере для селектора H1 устанавливается отрицательное значение нижнего отступа, за счет этого на 15 пикселов уменьшается расстояние между заголовком и нижележащим абзацем.

Междустрочный интервал

Author24 — интернет-сервис помощи студентам

Скажите, как сделать,чтоб сверху не было отступа вообще, а в этом тексте, что в моём коде, чтоб между строками было ровно по 1 см, я сделал по 1 см, но от верха также происходит отступ, как его убрать, не могу понять.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
  1.0 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd"> html> head> meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> title>Моя первая страница/title> style type="text/css"> h3 < font-family:Arial; line-height: 2cm;>/style> /head> body> h3> p >Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat./p>/p> Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. h3> /body> /html>

94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:

Задать междустрочный интервал для тега абзаца
Прошу прощения, но даже незнаю к какой ветке отнести данный вопрос, поэтому напишу тут. (если можно.

Межстрочный интервал
Здравствуйте! Есть навязчивая идея прижать строки по вертикали, но стандартные средства bootstrap.

Уменьшить интервал меню
Здравствуйте:) Сразу перейду к проблеме: у меня меню на левом блоке неправильно отображается и.

Интервал между ячейками
Добрый день. Подскажите, пжл, как в CSS сделать так, чтобы интервал между ячейками был нулевым. В.

692 / 383 / 51
Регистрация: 22.01.2009
Сообщений: 1,135
У вас два раза закрывается абзац, два раза открывается заголовок(h3) и ни разу он не закрывается
Регистрация: 27.08.2009
Сообщений: 868
Если написать так, убрав теги h3, всё равно отступ сверху, как его убрать?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
  1.0 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd"> html> head> meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> title>Моя первая страница/title> style type="text/css"> h3 < font-family:Arial; line-height: 2cm; >/style> /head> body> p >Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat./p>/p> Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. /body> /html>

356 / 315 / 48
Регистрация: 21.04.2009
Сообщений: 574

Ну и чему присвается h3 .

Добавлено через 9 минут
Да и

в конце не закрывается.

Добавлено через 1 минуту
Да в конце первого обзаца

WEB-developer
898 / 729 / 80
Регистрация: 12.03.2009
Сообщений: 2,804
Записей в блоге: 2

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
  1.0 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd"> html> head> meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> title>Моя первая страница/title> style type="text/css"> h3 < font-family:Arial; line-height: 2cm; >/style> /head> body> p >h3>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat./h3>/p> Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. /body> /html>

Регистрация: 27.08.2009
Сообщений: 868

Последний варинат проверил, тоже не катит, отступ сверху происходит. Подскжаите ,если кто живой, как убрать отступ от верха, а между строками чтоб было расстояние 2 см?

Регистрация: 03.01.2010
Сообщений: 16

ЦитатаСообщение от Syltan Посмотреть сообщение

Последний варинат проверил, тоже не катит, отступ сверху происходит. Подскжаите ,если кто живой, как убрать отступ от верха, а между строками чтоб было расстояние 2 см?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
html> head> meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> title>Моя первая страница/title> style type="text/css"> h3 < font-family:Arial; margin-top:0px; margin-bottom: 2cm;>/style> /head> body> h3>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat./h3> span style="margin-bottom:0cm;">Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat./span> /body> /html>

Так нормально ? Если нужно чтобы текст в теге отступал заключайте текст как я написал в этот тег и вместо 0 напишите нужную величину отступа .

2773 / 341 / 22
Регистрация: 15.01.2008
Сообщений: 2,614

ЦитатаСообщение от Uxenus Посмотреть сообщение

Моя первая страница h3 < font-family:Arial; margin-top:0px; margin-bottom: 2cm;>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.

Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

только в данном примере надо убрать отступы тега т.к он создаёт их по умолчанию.
Регистрация: 27.12.2009
Сообщений: 90
В стиль допишите, должно помочь
Регистрация: 27.08.2009
Сообщений: 868
Вот так, катит.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
html> head> meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> title>Моя первая страница/title> style type="text/css"> h3 < font-family:Arial; margin-top:0px; margin-bottom: 1cm;>/style> /head> body> h3>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. /body> /html>

Ещё вопросик. Скажите, почему справа теперь происходит отступ 2 см. справа? Строка доходит слева до права, от него отсупает 2 см, и переходит на след.строку. следующая строка, тоже доходит не до конца строки, а справа оставляет 2 см. Как сделать чтоб полнотью было. до конца печатало. только между строками было 2 см?

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *