Проблема в нестандартном макете?
Я создал на сайте новостной раздел. В каждом ряду по 4 карточки новостей. Как-то ведет себя не так, как надо. Можете ли вы помочь мне решить эту проблему.
Ссылка на сайт: http://www.shmgroup.com/news.php
Я не могу поделиться кодом. Пожалуйста, осмотрите это.
вам нужно использовать '.news-box div [class ^ = "col-"], div [class * = "col -"] {min-height: 490px;}' или удалить <div class = "clearfix"> < / div>
Непонятно, с какой проблемой вы столкнулись, непонятно, о чем вы спрашиваете, предлагаю прочитать stackoverflow.com/help/how-to-ask
Ответы 3
Проблема заключается в разной высоте изображения и текстового содержимого. Я обновил сайт приведенными ниже изменениями CSS. * Добавлена фиксированная высота изображения вместо ширины и выровнена по центру. * Добавлены 3 строки в текстовое описание и добавлена минимальная высота.
.news-thumbnail img {
max-width: 100%;
height: 200px;
display: inline;
}
.news-thumbnail {
margin: 10px;
text-align: center;
}
.news-excert p {
font-size: 14px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: 60px;
}
Удалите div с классом clearfix и добавьте фиксированную высоту к элементу
.news-post-container {
min-height: 500px; // example
}
Эта проблема возникает из-за того, что ваши карточки новостей имеют разную высоту. Вы можете добавить min-height для класса контейнера сообщений новостей.
.news-post-container {
min-height: 450px;
}
Удалите классы clearfix.
Надеюсь, теперь страница новостей будет работать правильно.
<div class = "clearfix"></div>почему они в домике? они нарушают поток