Как вместить текст в одну строку

503

22 августа 2017, 12:53

Необходимо вместить название в одну строку. В разметке есть блок див фиксированного размера. Необходимо применить какой то ксс, который вместит текст в одну строку, что бы небыло переноса и текст был видим. Я представляю для себя только один метод реализации, в ксс должен установиться такой размер шрифта, при котором как раз текст не будет вылазить.

Вот сайт над которым я работаю: Сайт

Здесь есть надпись "Максим+Анастасия". Именно этот элемент необходимо вместить в одну строку. И да, если текст помещается при текущем размере шрифта то размер его изменять не нужно.

Answer 1

Вот так на чистом js можно

var title = document.getElementById('title'); 
var fontSize = 30; 
while(title.offsetHeight > 30){ 
  fontSize--; 
  title.style.fontSize = fontSize + 'px'; 
}

#title { line-height: 30px; font-size: 30px; font-weight: bold; width: 200px; }

<h3 id="title">Максим + Анастасия</h3>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Резиновый шрифт

Как с помощью css сделать резиновый шрифт? тоесть чтоб он расстягивался не пропорционально

381

MySQL

Count() из трех таблиц с разными условиями, одним запросом

Имеем три таблицы pictures, movies, storiesКаждая таблица имеет одинаковые столбцы status, created_at

263

Java

Тип веб сервиса

Есть веб-сервис, а точнее сервлет, который принимает только HTTP POST запросыURL обращения к сервису один и представляет из себя ссылку на сервлет,...

285

Java

Дважды выполняется метод close (FileInputStre

Это содержание выходного файла:

263