Отступ внутри строки

@taras atavin · Регистрация: 24.11.2009

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

На странице есть текст:

case i of
1:y:=a+b;
2,3,8:y:=a/b;
10..11:y:=a-b;
20..30, 40..50:y:=b-a;
else y:=a*b;
end;

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

@Rayled · 25.01.2011, 12:14

1 вариант. тег PRE. Все, что внутри него отображается с сохранением форматирования. Только надо учитывать, что размер символов табуляции в браузерах и редакторах - разный. Поэтому лучше пробелы использовать.
2 вариант. Можно вместо обычных пробелов в нужных местах указывать спецсимвол неразрывного пробела   Его браузеры тоже "видят", если несколько раз подряд указать.
ИМХО первый вариант правильней.

@taras atavin · 25.01.2011, 12:24 **[ТС]**

Тег PRE поставил на игнор тег style="margin. А вот неразрывник подошёл.

@Rayled · 25.01.2011, 12:27

Сообщение от taras atavin

Тег PRE поставил на игнор тег style="margin

Не совсем вас понял. Почему с PRE проблема?

@taras atavin · 25.01.2011, 12:30 **[ТС]**

От него строки разъехались куда попало. У меня тем тег margin, а он отключился.

Добавлено через 1 минуту
Но тему уже можно закрыть. Весь фрагмент под тегом моноширинности, так что выравнивание пробелами вполне работает.

@Yarosh · 25.01.2011, 12:34

Сообщение от Rayled

Иногда он очень удобен. Когда же нужен большой отступ, то использование этого спецсимвола "дурной тон", имхо.

@taras atavin · 25.01.2011, 12:35 **[ТС]**

Вот, смотрите, что получилось:

@Rayled · 25.01.2011, 12:36

хм, тег margin... не слышал о таком. Может свойство margin? Вот вам пример, у меня работает все:

HTML5
1
2
3
4
5
6
7
<pre>case i of
1:y:=a+b;
2,3,8:y:=a/b;
10..11:y:=a-b;
20..30, 40..50:y:=b-a;
else y:=a*b;
end;</pre>

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

@taras atavin · 25.01.2011, 12:37 **[ТС]**

Может я и косо выразился, но у меня так:

HTML5
1
2
3
4
5
6
7
<p style="margin-bottom:0"><b>case</b> i <b>of</b></p>
<p style="margin-top:0; margin-bottom:0">1&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp: y:=a+b;</p>
<p style="margin-top:0; margin-bottom:0">2,3,8&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp: y:=a/b;</p>
<p style="margin-top:0; margin-bottom:0">10..11&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp: y:=a-b;</p>
<p style="margin-top:0; margin-bottom:0">20..30, 40..50: y:=b-a;</p>
<p style="margin-top:0; margin-bottom:0"><b>else</b>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp y:=a*b;</p>
<p style="margin-top:0"><b>end;</b></p>

@Yarosh · 25.01.2011, 12:40

Табуляция

@Rayled · 25.01.2011, 12:45

taras atavin, а почему бы вот так не сделать, проще все:

HTML5
1
2
3
4
5
6
7
<pre><b>case</b> i <b>of</b>
1:y:=a+b;
2,3,8:y:=a/b;
10..11:y:=a-b;
20..30, 40..50:y:=b-a;
<b>else</b> y:=a*b;
<b>end;</b></pre>

Ну и пробелы, где надо...

@taras atavin · 25.01.2011, 12:45 **[ТС]**

Так там только символ табуляции, а где поставить её длину?

@Rayled · 25.01.2011, 12:56

Сообщение от Yarosh

Табуляция

Я именно об этом и говрил в первом сообщении темы.

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

Сообщение от taras atavin

Так там только символ табуляции, а где поставить её длину?

Так вы и ставьте внутри PRE обычные пробелы, несколько штук подряд вместо табуляции. Вот и будет вам нужная длина
Во, и еще. Я вижу у вас там тег CODE. Так вот, если все таки на PRE остановитесь, то имейте в виду, что его надо внутри PRE указывать, короче вот так:

HTML5
1
2
3
4
5
6
7
<pre><code><b>case</b> i <b>of</b>
1:y:=a+b;
2,3,8:y:=a/b;
10..11:y:=a-b;
20..30, 40..50:y:=b-a;
<b>else</b> y:=a*b;
<b>end;</b></code></pre>

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

@Rayled 242 / 61 / 4 Регистрация: 23.01.2011 Сообщений: 165
	25.01.2011, 12:14
	Сообщение было отмечено как решение Решение 1 вариант. тег PRE. Все, что внутри него отображается с сохранением форматирования. Только надо учитывать, что размер символов табуляции в браузерах и редакторах - разный. Поэтому лучше пробелы использовать. 2 вариант. Можно вместо обычных пробелов в нужных местах указывать спецсимвол неразрывного пробела   Его браузеры тоже "видят", если несколько раз подряд указать. ИМХО первый вариант правильней. 0

@taras atavin 4226 / 1796 / 211 Регистрация: 24.11.2009 Сообщений: 27,562
	25.01.2011, 12:24 [ТС]
	Тег PRE поставил на игнор тег style="margin. А вот неразрывник подошёл. 0

@taras atavin 4226 / 1796 / 211 Регистрация: 24.11.2009 Сообщений: 27,562
	25.01.2011, 12:30 [ТС]
	От него строки разъехались куда попало. У меня тем тег margin, а он отключился. Добавлено через 1 минуту Но тему уже можно закрыть. Весь фрагмент под тегом моноширинности, так что выравнивание пробелами вполне работает. 0

@taras atavin 4226 / 1796 / 211 Регистрация: 24.11.2009 Сообщений: 27,562
	25.01.2011, 12:35 [ТС]
	Вот, смотрите, что получилось: Миниатюры 0

@Yarosh мусор в БД 4674 / 1128 / 35 Регистрация: 17.01.2009 Сообщений: 4,481
	25.01.2011, 12:40
	Табуляция 0

@taras atavin 4226 / 1796 / 211 Регистрация: 24.11.2009 Сообщений: 27,562
	25.01.2011, 12:45 [ТС]
	Так там только символ табуляции, а где поставить её длину? 0

Отступ внутри строки

Решение