Помощь как выровнять записи на главной

[kuzovbmw]

собственно записи ограничены в длине анонсом, но когда заголовок длинный он переноситься на вторую строку, записи выводятся в 2 столбца, и получается что та запись в которой заголовок длиннее, спадает чуть вниз анонс, как исправить? думаю многие сталкивались с такой проблемой

 

[Teceract]

собственно записи ограничены в длине анонсом, но когда заголовок длинный он переноситься на вторую строку, записи выводятся в 2 столбца, и получается что та запись в которой заголовок длиннее, спадает чуть вниз анонс, как исправить? думаю многие сталкивались с такой проблемой

использовать обрезку заголовка по символам, либо самое простое - использовать css код:

max-width: 200px; /* какая длина заголовка */
overflow: hidden;
text-overflow: ellipsis; /* ставит 3 точки в конце*/
white-space: nowrap;

 

[norman_by]

либо самое простое - использовать css код:

Мой вариант попроще - обрезать текст не нужно, заголовки полные и все в одну колонку:

clear: left;

 

[Alexsmm]

Мой вариант попроще - обрезать текст не нужно, заголовки полные и все в одну колонку:

clear: left;

а у меня этот вариант не сработал, может в коде ошибка?

 

[gaba]

Атрибут clear сообщает браузеру, как обрабатывать следующую строку, если текст обтекает плавающий элемент. Плавающим элементом называется изображение, у которого установлен атрибут align или элемент, к которому применяется стилевое свойство float.

Результат использования clear зависит от края, по которому выравнивается элемент и значения clear. Так, если изображение выравнивается по левому краю, а значение атрибута clear тега <br> установлено как all или left, то текст после тега <br> будет отображаться ниже рисунка. Любые другие значения clear заставят текст располагаться справа от изображения и обтекать его.

 

[mforve]

Можно скриптом подровнять:

// выравнивание размера окон

function setEqualHeight(columns)
{
var tallestcolumn = 0;
columns.each(
function()
{
currentHeight = $(this).height();
if(currentHeight > tallestcolumn)
{
tallestcolumn = currentHeight;
}
}
);
columns.height(tallestcolumn);
}

window.onload = (function() {
setEqualHeight($(".Класс"));
});

Если заголовок нужно показывать полностью, а не резать.

 

[vanyatwo]

Кучу ответов, и все - узконаправленно.
Если вы хотите сделать разметку новостей так, чтобы у вас ничего "не лезло" на следующие строки - делать надо responsive разметку. Продумывая любой размер тайтла новости и т.д.
А вообще это делается проще всего внутренней вп-функцией exceprt с вручную вбитым нужным количеством слов/символов. Гуглите.