При установке white-space:pre-wrap следующая HTML разрывает строку на вкладке, а вкладка появляется в конце первой строки.
HTML:
<html>
<body>
<div style="white-space:pre-wrap; width:70px">Some text\tsome more text</div>
</body>
</html>
(где \ t - буквенный символ табуляции, а не escape-последовательность)
Выход (Chrome):
Some text\t
some
more text
Когда вы настраиваете ширину, либо символ табуляции появляется в первой строке, либо весь текст \ t падает до следующей строки. Однако, если вы создадите подобную последовательность в Microsoft Word, символ табуляции будет перемещен на вторую строку, когда строка станет слишком маленькой. То есть в HTML вкладка «залипает» на слове «текст», но в Microsoft Word она «залипает» на слове «некоторые».
Я пытался повторить это в HTML с различными комбинациями пробела, переноса слов, <wbr> и т. Д. 1034 *., Но безуспешно. Использование emsp или серии nbsp, по-видимому, приводит к разным размерам буквального символа \ t.
В HTML / CSS есть ли способ неявного разрыва строки в одном и том же поместите, но вместо этого установите вкладку в начале второй строки?
Требуемый вывод:
Some text
\tsome
more text