За последние 24 часа нас посетили 17957 программистов и 1650 роботов. Сейчас ищет 1181 программист ...

Формат текста

Тема в разделе "HTML и CSS", создана пользователем jamt, 4 окт 2015.

  1. jamt

    jamt Новичок

    С нами с:
    4 окт 2015
    Сообщения:
    4
    Симпатии:
    0
    Здравствуйте возникла такая проблема, может кто-то сталкивался уже…
    Нужно чтоб формат текста подгонялся под рамку, точнее даже так есть скажем рамка 200 на 200 и есть рендомный текст от 20 до 200 символов надо чтоб при увеличении символов изменялся формат текста чтоб влезал в рамку
     
  2. VLK

    VLK Старожил

    С нами с:
    15 дек 2013
    Сообщения:
    3.010
    Симпатии:
    58
    т.е. если текст не будет влазить в рамку должна появляться прокрутка?
    если так, то в стилях можно задать точные параметры рамки и запретить растягивание, т.е. если содержимое не будет влазить, будет появляться прокрутка.
     
  3. mahmuzar

    mahmuzar Старожил

    С нами с:
    6 апр 2012
    Сообщения:
    4.631
    Симпатии:
    425
    Адрес:
    РД, г. Махачкала.
  4. geone

    geone Новичок

    С нами с:
    4 окт 2015
    Сообщения:
    139
    Симпатии:
    0
    Вот таким макаром всё что не помещаться будет обрезано:
    Код (PHP):
    1. width: 200px;
    2. heigth: 200px;
    3. overflow: hidden;
    4.  
    PHP, JavaScript, SQL и другой код пишите внутри тегов
    Код ( (Unknown Language)):
    1. [b]php][/b]Тут код[b][/[/b][b]code][/b][/color]
     
  5. jamt

    jamt Новичок

    С нами с:
    4 окт 2015
    Сообщения:
    4
    Симпатии:
    0
    нет не прокрутка а должен изменится сам шрифт size
     
  6. rodent90

    rodent90 Новичок

    С нами с:
    26 мар 2015
    Сообщения:
    533
    Симпатии:
    37
    Код (Text):
    1. word-break:break-all; 
     
  7. mahmuzar

    mahmuzar Старожил

    С нами с:
    6 апр 2012
    Сообщения:
    4.631
    Симпатии:
    425
    Адрес:
    РД, г. Махачкала.
    Кажется, он хочет изменить размер шрифта если текст не вмещается. Видимо придется использовать js
     
  8. YSandro

    YSandro Старожил

    С нами с:
    7 апр 2011
    Сообщения:
    2.523
    Симпатии:
    2
    С помощью JS http://jsfiddle.net/j3thokzm/2/ размер шрифта уменьшается. Можно доделать, чтобы и увеличивался.
     
  9. jamt

    jamt Новичок

    С нами с:
    4 окт 2015
    Сообщения:
    4
    Симпатии:
    0
    спасибо большое это как раз то что нужно)

    единственное не пойму не могу подцепить к сайту( с JS раньше не работал просто
     
  10. YSandro

    YSandro Старожил

    С нами с:
    7 апр 2011
    Сообщения:
    2.523
    Симпатии:
    2
    тогда ты вряд ли доделаешь так, чтобы шрифт ещё и увеличивался.
    На jsfiddle.net просто для тестов и для показа удобная площадка, там выбирается одна из библиотек. В данном случае это JQuery.
    У себя библиотеку подключить можно разными способами. Если комп постоянно связан с сетью, то удобней с репозитория, например, с Гугла:
    Код (PHP):
    1. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    или Мелкомягких
    Код (PHP):
    1. <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.4.min.js"></script>
    Если комп не всегда связан с сетью, то нужно скачать и закинуть рядом с документом или в подпапку. Подключаться как-то так:
    Код (PHP):
    1. <script src="jquery-2.1.4.min.js"></script>
    Чуть ниже в заголовке добавить ещё тег script:
    Код (PHP):
    1. <script>
    2. $(document).ready(function(){
    3.     //код заработает по загрузке DOM
    4. });
    5. </script>
    Подключение, репозитории и остальное есть на сайте по JQuery.
     
  11. jamt

    jamt Новичок

    С нами с:
    4 окт 2015
    Сообщения:
    4
    Симпатии:
    0
    спасибо все получилось)