Вкладка пробела вместо нескольких неразрывных пробелов ( "nbsp" )?

Ответ 12

Если пробелы становятся , что важно, может быть лучше использовать предварительно отформатированный текст и < pre > тег.

Ответ 13

< tab > Тег никогда не попадал в браузер, несмотря на то, что он был введен в HTML3. Я всегда считал, что это очень жаль, потому что во многих случаях жизнь будет намного проще, если бы мы получили ее для нас. Но вы можете легко исправить это, чтобы дать вам подделку < tab > тег. Добавьте в свой HTML-код следующее: (без тегов стиля):

<style>
    tab { padding-left: 4em; }
</style>

С этого момента, когда вам нужна вкладка в вашем документе, поставьте < tab > Там. Это не настоящая вкладка, потому что она не соответствует метокам табуляции, но она работает для большинства потребностей, без необходимости смещаться вокруг с неуклюжими символьными сущностями или промежутками. Это действительно упрощает проверку вашего источника, а также cinch для форматирования простых вещей, в которых вы не хотите переходить на стол или другие более сложные «решения».

Одним из приятных аспектов этого решения является то, что вы можете выполнить быстрый поиск/замену текстового документа, чтобы заменить все TAB на < tab > тег.

Возможно, вам удастся определить кучу истинных абзацев абсолютной позиции, а затем использовать соответствующую вкладку (например, < tab2 > или < tab5 > или где угодно), но я не нашел способа сделать это Без его отступов последующих строк.

Ответ 14

Если вы хотите просто отложить первое предложение в параграфе, вы можете сделать это с помощью небольшого трюка CSS:

p:first-letter {
    margin-left: 5em;
}

Ответ 15

Вы можете использовать таблицу и применить атрибут width к первому <td>.

код:

<table>
    <tr>
        <td width="100">Content1</td>
        <td>Content2</td>
    </tr>
    <tr>
        <td>Content3</td>
        <td>Content4</td>
    </tr>
</table>

Результат

Content1       Content2
Content3       Content4

Ответ 16

Я использовал диапазон с стилированием линии. Я должен был сделать это, поскольку я обрабатываю строку простого текста и должен заменить \ t на 4 пробела (appx). Я не мог использовать  , как в дальнейшем, в процессе их интерпретации, чтобы окончательная отметка имела неконтентные пробелы.

HTML:

<span style="padding: 0 40px">&nbsp;</span>

Я использовал его в php-функции, например:

$message = preg_replace('/\t/', '<span style="padding: 0 40px">&nbsp;</span>', $message);

Ответ 17

Если вам нужна только одна вкладка, для меня это работало.

<style>
  .tab {
    position: absolute;
    left: 10em;
   }
</style>

с HTML что-то вроде:

<p><b>asdf</b> <span class="tab">99967</span></p>
<p><b>hjkl</b> <span class="tab">88868</span></p> 

Вы можете добавить дополнительные вкладки, добавив дополнительные стили «вкладки» и изменив HTML, например:

<style>
  .tab {
    position: absolute;
    left: 10em;
   }
  .tab1 {
    position: absolute;
    left: 20em;
   }
</style>

с HTML что-то вроде:

<p><b>asdf</b> <span class="tab">99967</span><span class="tab1">hear</span></p>
<p><b>hjkl</b> <span class="tab">88868</span><span class="tab1">here</span></p>

Ответ 18

Если вы используете CSS, я бы предложил следующее:

p:first-letter { text-indent:1em; }

Это будет отступ первой строки, как в традиционных публикациях.

Ответ 19

<span style="margin-left:64px"></span>  

Считайте это так: одна вкладка равна 64 пикселям. Итак, это пространство, которое мы можем предоставить CSS.

Ответ 20

Я использую список без пули, чтобы придать «вкладку». (Это то, что я иногда делаю при использовании MS Word)

В файле CSS:

.tab {
    margin-top: 0px;
    margin-bottom: 0px;
    list-style-type: none;
}

И в файле HTML используйте неупорядоченные списки:

This is normal text
<ul class="tab">
    <li>This is indented text</li>
</ul>

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

A noob здесь говорит, поэтому, если есть какие-либо ошибки, прокомментируйте.

Ответ 21

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

<span style='display:inline-block;height:1em;width:4em;'>&nbsp;</span>

Если это слишком много для записи или вам нужны такие вкладки во многих местах, вы можете сделать это

<span class='tab'>&nbsp;</span>

Затем включите это в CSS:

span.tab {display:inline-block;height:1em;width:4em;}

Ответ 22

Вы также можете использовать:

p::before {
    content: "";
    padding-left: 30px;
}

И замените «p» на любой другой селектор, который вы имеете в виду.

Ответ 23

мы можем использовать style = "white-space: pre", как это:

<p>Text<tab style="white-space:pre">        </tab>: value</p>
<p>Text2<tab style="white-space:pre">   </tab>: value2</p>
<p>Text32<tab style="white-space:pre">  </tab>: value32</p>

пустое пространство внутри заполнено вкладками, количество вкладок зависит от текста.

он будет выглядеть следующим образом:

Text    : value
Text2   : value2
Text32  : value32

Ответ 24

Идеальный CSS-код, который должен использоваться, должен быть комбинацией свойств "display" и "min-width"...

display: inline-block;
min-width: 10em; // ...for example, depending on the uniform width to be achieved for the items [in a list], which is a common scenario where tab is often needed.

Ответ 25

Используя CSS и лучшую практику, динамическое создание вложенных, отступов меню будет выглядеть следующим образом:

• Создайте стиль для каждого вложения, например indent1, indent2 и т.д., Каждый из которых укажет свой собственный левый край. Структура сайта должна редко выходить за пределы трех уровней вложенности.
• Используйте статическую переменную (целое число) внутри саморекурсивной функции для отслеживания рекурсии.
• Для каждого цикла добавьте номер цикла к слову indent, используя скрипты на стороне сервера, такие как PHP или ASP, чтобы эти меню соответствующим образом отформатировались с помощью CSS.

В качестве альтернативы, запустите статическую переменную, чтобы добавить интервал с использованием нескольких тегов   или <pre> или других символов, если это необходимо.

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

Ответ 26

Только тег «pre»:

<pre>Name:      Waleed Hasees
Age:        33y
Address:    Palestine/Jein</pre>

Вы можете применить любой класс CSS к этому тегу.

Ответ 27

Я бы просто рекомендовал:

/* In your CSS code: */
pre
{
    display:inline;
}

<!-- And then, in your HTML code: -->

<pre>    This text comes after four spaces.</pre>
<span> Continue the line with other element without braking </span>

Ответ 28

Это немного уродливое решение, но вы можете просто сделать это

var tab = '    ';

И затем используйте переменную tab в ваших строках.

Ответ 29

<head>
<style> t {color:#??????;letter-spacing:35px;} </style>
</head>

<t>.</t>

Убедитесь, что цветовой код соответствует фону Px имеет переменную желаемую длину для вкладки.

Затем добавьте текст после < T>. </T>

Период используется как держатель пространства, и его легче набирать, но '& # 160;» Можно использовать вместо периода, также делая его таким, чтобы цветовое кодирование было некорректным.

<head>
<style> t {letter-spacing:35px;} </style>
</head>

<t>&#160;</t>

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

Ответ 30

CSS

<html>
<head>
<style>
    tab:before
    {
        content: "\00a0\00a0\00a0\00a0";
    }
</style>
</head>

HTML

<body>
    <tab> #include &lt; stdio.h &gt; <br>
    <tab> <br>
    <tab> int main (void) <br>
    <tab> { <br>
    <tab> <tab> printf ("Hello, World!"); <br>
    <tab> <tab> return 0; <br>
    <tab> } <br>
</body>
</html>

Рендеринг