Ограничение размера элемента кратным заданному размеру - PullRequest
0 голосов
/ 09 сентября 2010

Если у меня есть div, который расширяется до его содержимого, как я могу гарантировать, что его высота всегда кратна заданному значению, скажем, 50 пикселей? Есть ли способ сделать это с помощью CSS, или мне нужно прибегнуть к JavaScript?

Ответы [ 2 ]

2 голосов
/ 09 сентября 2010

Поскольку CSS не знает фактических вычисленных размеров элементов, он не может достичь того, что вы просите.JavaScript может сделать это легко.

1 голос
/ 09 сентября 2010

Вам понадобится JavaScript. Если содержимое не изменяется inline (с помощью ajax, jquery или чего-либо еще), вы можете использовать событие onload, чтобы запустить скрипт, который проверяет высоту и исправляет ее:

<body onload="javascript:fixHeight()">
  <div id="thediv"> 
    content
  </div>
</body>

Сценарий:

function fixHeight() {
    var thediv = document.getElementById('thediv');
    thediv.style.height = ceil(thediv.offsetHeight / 50) * 50 + 'px';
}  

(не тестировалось)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...