Если вы или заказчик можете изменить объем отображаемых данных. Затем проанализируйте размер блока, посмотрите, какие максимальные символы он будет задерживать, а затем измените скрипт сервера, чтобы отобразить данные соответствующим образом. Вместо того, чтобы пытаться соответствовать ему с точки зрения дизайна, который не будет решением каждый раз.
В противном случае, если вы действительно хотите это сделать с самого deisgn, попробуйте отрегулировать размер шрифта и расстояние в зависимости от объема отображаемых внутри. Это будет выглядеть немного неудобно, поскольку каждый блок будет иметь другой размер шрифта. Но если это не касается ваших клиентов, вы можете пойти и попробовать.
Возможно, что-то подобное может сделать работу, если другой размер шрифта не вызывает беспокойства. Я установил размер шрифта по умолчанию 16px.
<div class="infos">Some Text</div>
<div class="infos">Some Text</div>
<div class="infos">Some Text</div>
$(".infos").each(function(){
x = $(this).html().length;
roundValue = Math.round(x/160);
fontSize = (roundValue>0)?16-roundValue:16;
$(this).css({"font-size":fontSize});
});
Необходимо изменить его в соответствии с вашими потребностями.
DEMO
положить URL сайта здесь или любой снимок экрана –
Как насчет того, чтобы «показать следующий X», но т? Или организовать его на страницу? – timo
Или просто скажите своему клиенту, что он не подходит;) – putvande