Отступы всех строк внутри текстового поля

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

Большое спасибо.

Эрик


css textarea indentation text-indent lines
person Erik    schedule 29.07.2010    source источник

Ответы (3)


arrow_upward
2
arrow_downward

Вы пробовали использовать \ t? Было бы неплохо поподробнее, вы это программируете или набираете? Вы также можете попробовать альтернативные коды, если последний - Alt-012 - вкладка.

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

person Joshua Enfield    schedule 29.07.2010
comment
Вот моя ссылка: erikrp.com/contact.htm Если вы вводите текст в области заметок, конечно только отступы первой строки. Можно ли сделать каждую строку отступом или смещением влево, чтобы избежать обрезанного текста? Простите меня за то, что я перфекционист. огромное спасибо. - person Erik; 29.07.2010
comment
На какой браузер вы нацеливаетесь с обрезкой? Я заметил, что хром, кажется, частично его обрезает, а мой firefox - нет. Используя Firebug, добавляем padding-left: 5px; работал у меня. Я проверю, работает ли он на хроме. - person Joshua Enfield; 29.07.2010
comment
Спасибо, Джош ... Это похоже на дерьмо. Первый персонаж обрезается. - person Erik; 29.07.2010
comment
Настраивая его в Chrome, я обнаружил, что 6 пикселей являются идеальными, возможно, 7 пикселей для хорошей меры. Я использовал заглавную букву J, так как граница была наиболее выраженной и легко распознаваемой. На исходных 2px я заметил некоторые четкие обрезки. Ваши работы выглядят великолепно и очень оригинально. Я хотел бы предложить некоторые из этих небольших проблем с выравниванием с помощью Firebug. Вы можете настроить CSS (среди прочего) в реальном времени с помощью инструмента проверки. Существует облегченная версия для Chrome и очень хорошая полнофункциональная версия для Firefox (конечно же, бесплатная). Вы также можете противостоять заполнению с отрицательным полем. - person Joshua Enfield; 29.07.2010
comment
Я не получаю письмо от письма. В худшем случае это части букв. Мой I.E. 8 действительно немного сдвигает текстовое поле вправо. Возможно, это действует на версию вашего браузера. Возможно, кто-то еще может подтвердить? - person Joshua Enfield; 29.07.2010

arrow_upward
6
arrow_downward

Не знаю насчет \ t, но

style = "padding-left: 4px;"

определенно будет работать для всех строк текстовой области.

person Jammer    schedule 09.01.2013
comment
И если разработчик не хочет, чтобы ширина элемента увеличивалась с дополнительным заполнением, я бы предложил также использовать box-sizing: border-box; - person Phil D.; 19.01.2017
comment
stackoverflow.com/questions/779434/ - person Kamil Kiełczewski; 30.05.2017

arrow_upward
1
arrow_downward

в Chrome 69.0.3497.92, это дает отступ только для первой строки в текстовом поле:

text-indent: 2em;
person Alex    schedule 13.09.2018
comment
действительно ... заметил то же самое на chrome 71.0.3578.80 (официальная сборка), поэтому безопасно использовать padding-left вместо text-indent - person Dulara Malindu; 07.12.2018