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

Тема в разделе "Wordpress", создана пользователем kuzovbmw, 22 окт 2015.

Модераторы: DzSoft, Sorcus
  1. kuzovbmw

    kuzovbmw Постоялец

    Регистр.:
    1 дек 2014
    Сообщения:
    65
    Симпатии:
    24
    собственно записи ограничены в длине анонсом, но когда заголовок длинный он переноситься на вторую строку, записи выводятся в 2 столбца, и получается что та запись в которой заголовок длиннее, спадает чуть вниз анонс, как исправить? думаю многие сталкивались с такой проблемой
     
  2. Teceract

    Teceract

    Регистр.:
    15 фев 2009
    Сообщения:
    171
    Симпатии:
    78
    использовать обрезку заголовка по символам, либо самое простое - использовать css код:
    HTML:
    
    max-width: 200px; /* какая длина заголовка */
    overflow: hidden;
    text-overflow: ellipsis; /* ставит 3 точки в конце*/
    white-space: nowrap;
    
     
  3. norman_by

    norman_by Постоялец

    Регистр.:
    28 июн 2011
    Сообщения:
    69
    Симпатии:
    22
    Мой вариант попроще - обрезать текст не нужно, заголовки полные и все в одну колонку:
    Код:
    clear: left;
     
  4. Alexsmm

    Alexsmm Постоялец

    Регистр.:
    2 окт 2015
    Сообщения:
    105
    Симпатии:
    9
    а у меня этот вариант не сработал, может в коде ошибка?
     
  5. gaba

    gaba Создатель

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

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

    mforve Создатель

    Регистр.:
    16 окт 2012
    Сообщения:
    25
    Симпатии:
    3
    Можно скриптом подровнять:
    Код:
    // выравнивание размера окон
    
    function setEqualHeight(columns)
    {
    var tallestcolumn = 0;
    columns.each(
    function()
    {
    currentHeight = $(this).height();
    if(currentHeight > tallestcolumn)
    {
    tallestcolumn = currentHeight;
    }
    }
    );
    columns.height(tallestcolumn);
    }
    
    window.onload = (function() {
    setEqualHeight($(".Класс"));
    });
    Если заголовок нужно показывать полностью, а не резать.
     
  7. vanyatwo

    vanyatwo Создатель

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