Как делать отступы слева и справа в ворде
Перейти к содержимому

Как делать отступы слева и справа в ворде

Отступы внутри ячеек

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

CSS-свойство padding задаёт «внутренние отступы элемента» со всех сторон. Можно задавать отступы для каждой из сторон отдельно, используя свойства:

  • padding-top ,
  • padding-right ,
  • padding-bottom ,
  • padding-left .

Например, чтобы задать у ячеек все отступы в 10 пикселей, а отступ слева в 20 пикселей, нужно написать такой CSS-код:

Перейти к заданию

  • index.html Сплит-режим
  • style.css Сплит-режим

покупка

Если вам нужно быстро отформатировать документ, удалив все левые отступы, как вы могли бы это сделать? В этом руководстве представлены три метода удаления всех левых отступов в Word.

Рекомендуемые инструменты повышения производительности для Word
Удалите все отступы слева с помощью команды Формат

Amazing! Use Efficient Tabs in Word (Office) like Chrome, Firefox and New Internet Explorer!

Office Tab: добавляет интерфейсы с вкладками в Word, Excel, PowerPoint.

Улучшите свой рабочий процесс прямо сейчас. Узнать больше Бесплатная загрузка

Обычно мы можем удалить все левые отступы в Word с помощью команды «Формат». А вот подробное описание для быстрого удаления всех левых отступов

Шаг 1: Выделите абзацы, в которых вы хотите удалить отступы слева, и щелкните его правой кнопкой мыши, затем выберите Пункт элемент команды

документ-удалить-все-правые-отступы-1

Шаг 2. В диалоговом окне «Абзац» укажите левый вариант «0см»в разделе «Отступ»

документ-удалить-все-левые-отступы-2

Шаг 3: нажмите OK убрать все левые отступы

Удалите все левые отступы с помощью VBA

Вы также можете попробовать использовать VBA для удаления всех левых отступов в Word. Но если вы не разбираетесь в VBA, макрос становится сложным для понимания и использования.

Шаг 1: нажмите Alt + F11 открыть окно VBA в Word;

Шаг 2: нажмите Модули in Вставить вкладка и вставьте код VBA в Модули окно;

Шаг 3: нажмите Run кнопку, чтобы применить код VBA (или нажмите F5);

Код VBA для удаления всех левых отступов:

Sub remove_all_right_indent ()
С Selection.ParagraphFormat
.CharacterUnitRightIndent = 0
.LeftIndent = СантиметрыToPoints (0)
Конец с
End Sub

Удалите все левые отступы с помощью Kutool for Word

Ни один из вышеперечисленных методов не является быстрым способом удаления всех левых отступов в Word, если только вы не установили Kutools for Word, и уметь убрать все левые отступы одним кликом в нем. Kutools for WordПараметр «Удалить все левые отступы» может удалить все левые отступы во всем документе или в выбранном документе одним щелчком мыши.

Kutools for Word, удобная надстройка, включает группы инструментов, облегчающих вашу работу и расширяющих ваши возможности обработки текстовых документов. Бесплатная пробная версия на 45 дней! Get It Now!

Нажмите Кутоолs> щелкните Удалить отступы in Пункт группа> выберите Удалить все левые отступы.

документ-удалить-все-левые-отступы-3

Для получения более подробной информации о Удалить все левые отступы of Kutools for Word, пожалуйста, посетите: Удалить отступы описание.

Организация отступов в верстке (margin/padding)

Цель этой статьи не усложнить простые вещи, а акцентировать внимание на известных стандартах, о которых почему-то забывают. Важно соблюдать осмысленную структуру во всех аспектах верстки, и не менее важно придерживаться ее в отступах. И одним из основных принципов верстки является гибкость. А именно, возможность легко вносить какие-либо изменения и ничего при этом не сломать. Правильное обращение с margin и padding играет очень большую роль в этом деле.

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

Основные принципы:

  1. Отступы идут от предыдущего элемента к следующему.
  2. Отступ задается последнему возможному элементу в доме.
  3. Отступы нельзя задавать для независимых элементов ( БЭМ блок ).
  4. У последнего элемента группы, отступ обнуляется (всегда).

Отступы идут от предыдущего элемента к следующему.

margin(ы) задаются от предыдущего элемента к следующему, от первого ко второму, сверху вниз, слева направо.

Это значит.что такие свойства как margin-left и margin-top не используются (не без исключений). С padding все немного наоборот (кроме того, что он используется для, декоративных целей, увеличения области ссылки и т.д.). Когда блоку нужен отступ сверху или слева, он его получает за счет padding-top и padding-left родителя.

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

Отступ задается последнему возможному элементу в доме

margin(ы) задаюся только между соседними элементами дом дерева.

В примере 3 списка, в следующей структуре:

Не за счет дочерних элементов, а за счет соседних делается отступ.

В этой ситуации .main-section__item и является последним возможным, кому можно задать отступ, чтоб разделить списки. Такого же эффекта можно добиться, если задать отступ диву, списку, лишке, ссылке, но это будет не правильно.

Этот пример довольно простой. Но если представить на много большую вложенность, где кто-то намусорил отступами, когда какие-то маргины схлопываются. а какие-то суммируются с падингами.

  

headline in a section of seven words

Если взять пример с заголовком, и нужно сделать отступ для заголовка сверху. то последний элементом будет section и для него задается padding-top, margin(ы) которые стоят по дефолту всегда нужно обнулять.

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

Настоящие проблемы могут возникнуть, когда верстка с плохой структурой отступов выводится динамически или дублируется.

Отступы нельзя задавать для независимых элементов ( БЭМ блок )

Никогда не делайте отступы элементам, которые могут использоваться больше чем один раз. Даже если вы не придерживаетесь методологий, учитывайте перспективу. Для этого есть обертки. Обертки это хорошо. Либо дополнительные классы.

Если нужно сделать блоку отступ. Без ущерба это делается с помощью:

  • Наследование через элемент (если вытащить этот блок с элемента, отступа не будет, и его можно будет просто разместить в другом месте).
  • Добавление класса (можно сделать блок элементом).
  • Обертка (как блок, у которого роль, только в позиционировании).
.block__item > .block < margin-right: 10px; >.block.block__item < margin-right: 10px; >.block-wrap > .block

У последнего элемента группы, отступ обнуляется (всегда)

Возьмем для примера список и изображение.

Это горизонтальное меню и логотип (который почему-то справа).

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

Для последней li отступ обнуляется. И отступ делается между соседними элементами ul и img . О чем говорилось во втором принципе.

Возьмем другой пример:

 

Интересует нас отступ между новостями, которые задается .blog-preview__item < margin-bottom: 20px; >. Последний margin обнуляется, а нижний отступ делается за счет padding blog-preview . О чем говорилось во втором принципе.

Чаще чем другие псевдоклассы, надо использовать :last-child.

.item:not(:last-child) < margin-bottom: 20px; >// или // .item < // другие стили // margin-bottom: 20px; &:last-child < margin-bottom: 0; >> // или margin-top, основная идея здесь, не в направлении маргина, а в отсутствии лишнего // .item + .item < margin-top: 20px; >// или // .item < // другие стили // & + & < margin-top: 20px; >> 

Исключения

  • В первую очередь это добавление текстового контента через админку. Здесь отлично справляется подход к отступам заданный браузером. Но этот подход нельзя считать подходящим в обычной верстке как и несколько
    в коде подряд.
  • «Динамические элементы». Когда элемент появляется после какого-то блока, то он появится со своим отступом.
  • Иногда вертикальные падинги лучше задавать дочерним блокам, нежели всей секции. Если в перспективе, на других страницах в том же месте, это относится ко второму принципу, задавать отступ для последнего возможного, вот иногда секция последний, но не возможный.
  • Отрицательные маргины, auto, padding для контейнера.

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

P. S. Советую ознакомиться с публикацией Кастомный подход для нормализации и сброса стилей (custom-reset.css). И советую использовать css линтеры. И кому интересно, может решить css задачку.

Отступы и выступы

Отступ – это расстояние между текстом и левым или правым полем страницы. Регулировать отступ можно вручную при помощи горизонтальной линейки (как включить отображение, читайте в подразд. «Линейка» разд. 1.4).

Отступы можно разделить на три вида:

• отступ слева – устанавливает положение всего абзаца относительно левого поля страницы, для его изменения используйте маркер, изображенный на рис. 4.19;

Рис. 4.19. Маркер отступа слева

• отступ справа – задает положение всего абзаца относительно правого поля страницы, для его изменения используйте маркер, изображенный на рис. 4.20;

Рис. 4.20. Маркер отступа справа

• отступ первой строки – определяет положение первой строки абзаца, для его изменения используйте маркер, изображенный на рис. 4.21.

Рис. 4.21. Маркер отступа первой строки

Наряду с отступами могут использоваться выступы. Выступ смещает текст влево от первоначальной линии текста, при этом он не распространяется на первую строку абзаца. Обычно выступы применяют при создании нумерованных и маркированных списков, указателей. Для установки выступа используйте маркер (рис. 4.22).

Рис. 4.22. Маркер выступа

Отрегулировать отступы и выступы можно не только при помощи горизонтальной линейки, но и в диалоговом окне Абзац. Для этого сделайте следующее.

1. Выделите абзац, для которого необходимо задать форматирование.

2. Откройте окно Абзац, щелкнув на соответствующей кнопке группы Абзац (см. рис. 4.14). Перейдите на вкладку Отступы и интервалы.

3. Для установки правого и левого отступов введите значение правого отступа в поле Справа и левого в поле Слева области Отступ (рис. 4.23). Отступ может иметь не только положительное, но и отрицательное значение. Если вы зададите отрицательное значение отступа, текст будет вынесен на правое или левое поле.

Рис. 4.23. Задание отступов в окне Абзац

4. Для установки отступа или выступа первой строки выберите в списке первая строка пункт Отступ или Выступ и введите значение в поле на.

5. Нажмите кнопку OK, чтобы подтвердить изменения.

Для настройки отступов можно также использовать:

• клавишу Tab на клавиатуре;

• сочетание клавиш Ctrl+M (для установки отступа) и Ctrl+Shift+M (для удаления отступа);

• кнопки Увеличить отступ

для установки отступа и Уменьшить отступ

для удаления отступа, которые находятся в группе Абзац вкладки Главная на ленте. Используя их, установить отрицательное значение отступа невозможно.

Данный текст является ознакомительным фрагментом.

Продолжение на ЛитРес

Читайте также

Отступы

Отступы Представьте, что вы форматируете несколько HTML-страниц размером с небольшую книгу. Язык HTML не предоставляет специальных средств для задания отступа абзаца, и отступ приходится делать с помощью пробелов. Согласитесь, не очень-то удобно в начале каждого абзаца

9.6. Поля и отступы

9.6. Поля и отступы В этом разделе мы разберем важный момент при создании веб-страниц – задание полей и отступов. Итак, начнем с

Поля страницы и отступы

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

Отступы

Отступы Для выравнивания текста и введения отступов используются символы табуляции. Размер одного символа табуляции при отображении соответствует восьми позициям. Это не означает, что для структурирования можно использовать восемь или четыре символа «пробел» либо

ГЛАВА 11. Отступы, рамки и выделение

ГЛАВА 11. Отступы, рамки и выделение В предыдущей главе мы занимались контейнерным Web-дизайном: создавали блочные контейнеры, помещали в них содержимое и задавали для них параметры с помощью особых атрибутов стиля CSS. Результат — вполне профессионально созданная

ГЛАВА 11. Отступы, рамки и выделение

ГЛАВА 11. Отступы, рамки и выделение В предыдущей главе мы занимались контейнерным Web-дизайном: создавали блочные контейнеры, помещали в них содержимое и задавали для них параметры с помощью особых атрибутов стиля CSS. Результат — вполне профессионально созданная

Отступы в программе

Отступы в программе Запомните: следует выработать правила использования отступов и неуклонно их придерживаться. Компилятор VBA игнорирует все пробелы в начале строк, так что вы можете смело использовать отступы для наведения порядка. Сравните следующие два фрагмента

Автоматические отступы

Автоматические отступы Чтобы до минимума уменьшить объем выполняемой вами работы, редактор Visual Basic автоматически устанавливает отступ в новой строке, равный отступу в предыдущей. Если в новой строке отступ должен быть меньше, просто нажмите клавишу удаления символа

Используйте отступы!

Используйте отступы! Правильное использование отступов служит основой создания понятного программного кода. В примере из предыдущего раздела каждая пара операторов, определяющих одну структуру, напечатана с одним и тем же отступом. При наличии отступов проще выяснить,

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

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