Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Как к shortstory применить flex?

Как к shortstory применить flex?


     21.05.2019    html5, css3    Все вопросы » Общие вопросы по вёрстке    124

вопрос
Ребята, необходимо краткие анонсы вывести по горизонтали по 3 шт. с шириной по 32%. Для этого родителю необходимо присвоить следующие правила: display: flex; justify-content: space-between. Но родителем является блок #dle-content. И после присвоения ему этих правил все получается как надо, но блоки в ПОЛНОЙ НОВОСТИ съезжают. Потому что там для #dle-content нельзя применять блочную модель flex. Подскажите пожалуйста, это реализовать, чтобы и в краткой и полной новости все выглядело корректно с использованием flex. Не хочется прибегать к обтеканию float. Буду благодарен за помощь!

Ответа пока нет


3 комментария

maks
Юзер

maks - 21 мая 2019 19:02 -

Оберните контент в другой блок и используйте available и стили в html

pavel31
Юзер

pavel31 - 21 мая 2019 22:50 -

Так попробуйте

[aviable=main]
<script type="text/javascript">
	$('#dle-content').css({'display' : 'flex', 'justify-content' : 'space-between'});
</script>
[/aviable]

redissx
Юзер

redissx - 22 мая 2019 12:15 -

Оберните содержимое фуллстори.тпл в что нибудь и задайте ему width: 100%. Аналогично с всеми служебными. Или например так

#dle-content > *:not(.shortstory) {width: 100%;}

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх