Форум Сайтостроение Веб-строительство

Css - чтобы текст помещался в одну строку?

zaxavar
На сайте с 08.10.2012
Offline
181
zaxavar
5920

Здравствуйте!

Бывает заголовки длиннее обычного и они переносятся на вторую строку.

Я понимаю, что можно запретить перенос слов, но в таком случае текст будет выходить за пределы div.

Есть ли возможность с помощью css настроить постоянный размер шрифта к примеру 18px,

а если текст не помещается в одну строку - то чтобы уменьшался, но только в тех пределах, чтобы текст поместился в одну строку (не меньше).ю

Спасибо.

Вместо или вместе с Adsene - Adsterra - https://publishers.adsterra.com/referral/wf8uqXSYuu Раcскажу, подскажу.
R
На сайте с 20.02.2015
Offline
59
rereg
#1

http://htmlbook.ru/css/overflow

CSS: 


overflow: hidden;
EA
На сайте с 15.06.2006
Offline
70
e-art
#2

можно нагуглить готовый скрипт

или написать самому, высчитывая для заголовка transform: scale

totamon
На сайте с 12.05.2007
Offline
437
totamon
#3

вряд ли такое возможно на чистом css, можно обрезать текст через свойство overflow, несколько примеров в том числе с заменой не влезающей части на многоточие или градиент.

с помощью PHP в скрипте, или с помощью JS тоже самое, подсчет символов и уменьшение размера, например при количестве 20 символов размер 18пх, 30 символов - 14пх, 40 символов - 10пх.

Домены и хостинг https://8fn.ru/regru | Дедик от 3000р https://8fn.ru/73 | VPS в Москве https://8fn.ru/72 | Лучшие ВПС, ТП огонь, все страны! https://8fn.ru/inferno | ХОСТИНГ №1 РОССИИ https://8fn.ru/beget
Вопрос по мобильной версии могут ли пессимизироваьт за Как спрятать часть текста,
V
На сайте с 30.11.2010
Offline
92
voltest
#4
Есть ли возможность с помощью css настроить постоянный размер шрифта к примеру 18px,
а если текст не помещается в одну строку - то чтобы уменьшался, но только в тех пределах, чтобы текст поместился в одну строку (не меньше).ю
Спасибо.

Ваше а если сразу говорит о том, что это нельзя сделать ксс (за исключением редких случаев которые можно обозначить псевдоклассами). НЕ конечно гуру КСС могут написать возможно что-то подобное, ведь есть кто пишет типо такого http://www.clicktorelease.com/code/css3dclouds/# (в данном случае облака). Но это будет стоить денег. Легче скрипт накидать и не парится имхо

Как увеличить ctr? Указание бюджета в разделе Выравнивание текста по высоте
web-developer
На сайте с 24.11.2014
Offline
15
web-developer
#5

http://htmlbook.ru/css/text-overflow

zaxavar
На сайте с 08.10.2012
Offline
181
zaxavar
#6

Да с overflow все и так понятно, но кому будет приятно, если половину заголовка просто не будет видно?

Я говорю о плавающем размере шрифта...

Вот нашел такую штуку:

.demo {

font-size: 3vw; /* 3% of viewport width */

}

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

Поскольку в чистом виде font-size: 3vw будет всегда отображать заголовки разных размеров

Подскажите по HTML. Как Существуют ли адаптивные шрифты? Пропал доход за Директ
PN
На сайте с 22.08.2012
Offline
103
proksey-net
#7
voltest:
Ваше а если сразу говорит о том, что это нельзя сделать ксс (за исключением редких случаев которые можно обозначить псевдоклассами). НЕ конечно гуру КСС могут написать возможно что-то подобное, ведь есть кто пишет типо такого http://www.clicktorelease.com/code/css3dclouds/# (в данном случае облака). Но это будет стоить денег. Легче скрипт накидать и не парится имхо

по моему там тоже скрипт:)

Мой совет помог? Не скупись! Bitcoin 1Lseddet1o1B6odgXQHbGaWGwRkt1Db8Ef Ethereum 0x450f1a17461e25194B7F9226cDEe70173F39e1e1

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий