istepan

Динамически подстраивать размер текста, если не умещается в input

Recommended Posts

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

То есть, если длина текста привышает длину поля ввода, то размер уменьшается.

Данная проблема решается скорее всего с помощью js, может кто-то сталкивался с уже готовым скриптом? Если нет, то как правильней расчитать размер текста, если длина поля ввода известна?

Share this post


Link to post
Share on other sites

И если он туда вставит 2 абзаца? То текст будет 1px размера?

Зачем вам это вообще надо?

Share this post


Link to post
Share on other sites

Нет, абзац он туда не введет.

Поле ограничено по количеству символов.

В общем решил для каждой длины поля подставлять свой класс. А там уже подгонять ручками.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By pitchcontrol
      Доброго дня всем.
      Есть пример https://codepen.io/pitchcontrol/pen/bGbJdgZ Две таблицы вложены в блок, у блока задан размер шрифта x-large, у одной таблицы задан large а у другой smaller.
      Получается у них должны быть одинаковые размеры, но по факту они разные. Почему это так?
    • By Launder
      Решил поэкспериментировать с динамическим изменением индикации, вот по этому заданию. Как мне казалось, это реально: стили для любого значения параметра загружаются сразу, изменяется параметр - сразу применяются стили, соответствующие новому параметру. Но почему-то эта "динамика" работает, только для параметра, заданного по-умолчанию. Почему стили не применяются к изменённому параметру? Какова тут логика работы и возможно ли подобное, сделать на чистом CSS? Спасибо.
      PS: ну и до кучи - буду рад инфе, как стилизовать input type='number '?
       
    • By мурамаса
      <div class="center-menu"> <div class="center-bar-one"> <h1> Новости </h1> <p>Сегодня 21 января было совершено нападение на одного из наших брокеров, прямо у дверей московской фондовой биржи. Нападающий выскочивший из за угла был одет в черный костюм с красным галстуком и в маске напала на олега олежина после чего скрылся и его след простыл. Олежин был немедленно госпитолизирован, мвд по московской области ведет расследование.</p> </div> </div> Вот хтмл код этого элемента
      .center-bar-one { float: left; width: 150px; height: 200px; font-size: 11px; color: blue; } Когда я прописываю размер шрифта и в коде присутствует тег <p>, то размер шрифта не меняется. Если прописать например цвет, то никаких проблем нет. Когда убираю тег <p> то шрифт меняется. В чем дело? помогите
  • Member Statistics

    46,552
    Total Members
    3,128
    Most Online
    Liza1999
    Newest Member
    Liza1999
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.